Payment and Checkout Page UI - Vaccine Genie
Clarifying value and simplifying checkout to increase subscriptions
Project Overview
Problem & Challenge
Challenge was to design a greenfield project that -
Introduced subscription tiers that was easy to scan and compare.
Guided users through checkout with clear progress indicators.
Established trust for transactions related to sensitive health records.
Sketches & Ideation
Collaborated with content and marketing to finalize pricing copy, tiers and FAQs.
Started with low fidelity wireframes in Figma for desktop first design.
Wireframing & Developer Handoff
Designed side-by-side tier comparisons, breadcrumb navigation, and checkout states.
Provided annotated wireframes, components - icons and images, and async walkthroughs to ensure accuracy in build.
Designed the Payment & Pricing and Home page section for Vaccine Genie, a startup simplifying health record translation.
The focus was on building clarity into subscription tiers and reducing friction while checkout.
Other In-Progress Sections
Homepage Carousel (In-Progress)
An animated “What-If” story carousel, built with figma components, variants, and auto-layout.
Users can control pacing or let it auto-play, with navigation dots for orientation.
Status - Refining homepage with team members
