UI / UX
Heifer is a global nonprofit working to eradicate poverty and hunger through sustainable, values-based holistic community development. Working closely with their development team, I set out to design their first ever, global cart experience.
Laying the foundation.
Going into this project, I knew that one thing we couldn't get wrong was the underlying architecture of the cart. With plenty of unknown's, we started working on mapping user flows, building out user personas, and information architecture to help us get ahead of things we knew were going to come up at some point during the build.
We focused on three main aspects of the cart including the basket summary, where people could edit items in their cart, the billing and shipping view, the payment view, and the confirmation page. Stripping away all unnecessary components, allowed us to focus on things like interactions, and page transitions.
Design, build, validate, repeat.
Going into this project it was clear we were going to need to adopt a more agile approach to building out the cart. Considering it was going to transact millions of dollars a year for Heifer, it was imperative that we didn't take anything for granted and validated every idea we had along the way; building on each one, iterating, and repeating that process again.
Moments of delight.
One of the aspects of this project I was most excited about was getting to introduce moments of delight throughout the experience.
I knew people going through this checkout process were already in a very vulnerable state just by giving, and I wanted to make sure the overall experience felt professional, but also personal.
Bringing it all together.
In the end, we created a unified, global cart experience that was consistent across all of Heifer's many web properties. This allowed people to give in one place, and then add items to their basket in another session and pickup right where they left off—something that was previously impossible due to heavy cart fragmentation.