My Role
• UX/UI Design
• Content Design
• User Flows
• Developer Handoff
The Impact
The redesigned honor card process made it easier for donors to give on behalf of someone. The improved user flows ensure a more intuitive and efficient experience for both donors and the team.
Two pages of the honor card process. On the left is the main landing page and on the right is the customization page.
The Project
After conducting usability testing on the original honor card process, the decision was made to rework the entire experience. Testing showed that donors would get confused at different points throughout the experience and some would exit the process entirely out of frustration. Using notes from the testing, my team and I set out to brainstorm a better way for our donors to create honor cards.
User flow of the honor card process.
The Challenges
There are four different types of honor cards that users can create and each card requires its own unique flow. One of the first challenges was thinking through each experience and how to guide users through them.

1. Print cards: Donors are able to download and print honor cards at home.
2. Email: Cards can be customized and emailed to the honoree immediately or at a later date.
3. Blank cards: Heifer will send a blank card to the donor for them to fill out and deliver on their own.
4. Personalized mail: Donors can personalize their card and Heifer will mail it to their honoree. 
User flow that shows the print card process.
User flow that shows the email card process.

The Solution
Donors needed a better way to enter into the honor card creation process. As they're checking out, they can now clearly select which donation they would like to give in honor of someone. On the checkout confirmation page, they have the option to start creating an honor card immediately.

While I designed pages for the new process, I also created user flows for each honor card experience to clearly illustrate how a donor will create all four types. This helped my team visualize the process and made it easier for developers to build out the new experience.
User flow that shows the blank honor card process.
User flow that shows the personalized honor card process.
Back to Top