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.
Vaccine Genie is a health-tech startup focused on simplifying vaccination record translation.
As a Product Design Intern, I redesigned the pricing and checkout experience to clarify subscription tiers, reduce friction, and improve conversion confidence.
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
Key Deliverables
