Design a taskflow to purchase a new digital scratch-off experience for the socially conscious gifting company LottoLove.
UX Researcher and UI Designer
• Project Brief: Challenges & Objectives
• Competitor Analysis, UX Research
• Wireframes
• Design System
• High fidelity wireframes
• Iterations on live site
Figma, Photoshop
LottoLove is on a mission to make everyday gifting less wasteful and more impactful by creating an interactive and fun way to give back. By partnering with charities and selling a physical scratch-off greeting card, LottoLove allows gifters to purchase a charitable donation and recipients to scratch off the gold circles to reveal the donation. The founder wanted to expand outside the limitations of physical cards to offer a digital experience that mimicked the playful gifting experience and allowed gifters to choose the charity and amount.
Build a taskflow within existing site that gets users to add digital product to cart.
Diminish abandoned carts with a clear path through the product that lets users knwo where they are in the checkout journey.
Develop a brand identity for the digital experience that merges seamlessly with existing branding.
Streamline colors and type, and design card-based components for charity and prize landing pages.
Demonstrate how digital product works for gifter, recipient, and charities.
Include various explainer moments within the flow, from the landing page to the charity and prize catalogs.
The new site section had to clearly explain how the digital product works, house a scalable charity catalog, and include a checkout flow for gifters that offered customization. I created wireframes working off the founder's sketches, a competitive analysis of existing charitable gifting sites, and development of user personas.
I developed a design system, refining the existing brand color palette, typescale, icons and reusable components.
After defining the styling, I moved on to high fidelity wireframes to see how the elements work across the various pages and refine usability.
The digital tickets pages launched on the site, where we added assets like an explainer video, a more robust charity card, and a realistic representation of the card customization to make the process clearer to the gifter.
