Design Process
Research & Strategy
I began by understanding user behaviors around fitness apps and online training services. I studied competitors and user expectations for onboarding, training plans, and subscription logic.
Wireframing & Structure
Created low-fidelity wireframes to define the layout, interactions, and screen hierarchy. Focused on minimal but bold design to reflect the brand’s core values
Visual Design & Theme Direction
Applied a dark theme with high-contrast red to evoke energy and focus. Used strong, athletic imagery and modern typography to communicate clarity and discipline. Designed mobile-first with adaptive layouts for tablet and desktop.
Component & Design System Development
Built reusable components such as subscription cards, action buttons, and progress indicators. Documented UI elements and ensured consistency across the product
User Flow & Subscription Integration
Designed various subscription screen states (e.g., selection, plan comparison, confirmation). Made sure each step was streamlined and supported decision-making with visual cues and copy
Developer Handoff & Asset Management
Delivered all design files with specifications using Figma. Uploaded necessary assets and graphics through Salesforce backend integration
Elevated User Experience
Improved Conversions
Increased Sales
Improved SEO Ranking