Mobile App UX Case Study
Redesigning an Ayurveda ecommerce and learning app to improve onboarding, navigation, and checkout, while keeping the existing visual identity that the client loved.
Project Snapshot
• Platform: Android Mobile App + Web App
• Domain: Ayurveda, Ecommerce, Wellness
• Scope: UX Redesign & UI Refinement
• Duration: ~8 Weeks (continuous updates)
• My Role: Lead UX Designer (solo) + UI tweaks
Responsibilities
• UX audit & heuristic review
• Information architecture & user flows
• Wireframes & high-fidelity screens
• UX for Rewards, Notifications, Guest Mode
• Web app UX fixes & developer handoff
27+
Major user journeys redesigned (onboarding, cart, checkout)
06
New UX modules (Guest Mode, Rewards, Notifications, Info update)
100%
UX ownership with daily collaboration with dev team
The app already had a loyal user base (1800+ user) and a UI style the client wanted to keep. However, the experience felt confusing: onboarding flows were long, navigation was unclear, and users struggled with add-to-cart and checkout. There was no Guest Mode, Rewards, or structured Notification UX, and the web app interface had several usability gaps. My challenge was to redesign the UX end-to-end without “breaking” the familiar visual language users were used to.
Goals
• Make onboarding and login faster and less confusing.
• Improve product discovery, add-to-cart, and checkout UX.
• Introduce a clear Guest Mode for first-time users.
• Design scalable UX for Rewards, Referrals & Notifications.
• Fix web app UX issues while staying aligned with brand UI.
My Approach
• Start with a UX audit and flow mapping.
• Rebuild critical flows in low-fidelity first.
• Validate with dev team and stakeholders.
• Translate into high-fidelity screens using existing UI style.
• Iterate based on technical constraints and feedback.
User Flows
I mapped and redesigned core user journeys including Login/Signup, Home exploration, Add to Cart, Checkout, Info update, and “Continue as Guest”. Each flow was simplified to reduce steps and edge-case confusion.
Key Screens
Mobile UI Highlights
While the core visual styling stayed close to the existing brand, I refined layout, hierarchy, spacing, and interaction patterns to support a cleaner and more predictable experience.
sign up - App Flow
After login - App Flow
(Continue as a Guest) - App Flow
Onboarding & Guest Mode
Introduced a cleaner login/signup flow and added a “Continue as Guest” option so users can browse products without creating an account immediately.
Onboarding UX
Onboarding UX
Onboarding UX
Onboarding UX
Onboarding UX
Guest Mode
Guest Mode
Guest Mode
Guest Mode
Guest Mode
Friction Reduction
Friction Reduction
Friction Reduction
Friction Reduction
Friction Reduction
Rewards & Notifications
Designed UX patterns for referrals, gift systems, and app notifications, laying the foundation for future AI-based recommendations and engagement campaigns.
Reward UX
Reward UX
Reward UX
Reward UX
Reward UX
Notification Design
Notification Design
Notification Design
Notification Design
Notification Design
Engagement
Engagement
Engagement
Engagement
Engagement
Cart & Checkout
Restructured the cart layout, clarifying pricing, discounts and delivery details. Reduced the number of steps to complete a purchase and improved button hierarchy to avoid confusion.
Ecommerce UX
Ecommerce UX
Ecommerce UX
Ecommerce UX
Ecommerce UX
Conversion
Conversion
Conversion
Conversion
Conversion
CTA Hierarchy
CTA Hierarchy
CTA Hierarchy
CTA Hierarchy
CTA Hierarchy
Web App UX Enhancements
Audited and improved the web-side flows for managing orders, products and user data, creating more consistent patterns between app and web.
Web UX
Web UX
Web UX
Web UX
Web UX
Consistency
Consistency
Consistency
Consistency
Consistency
System Thinking
System Thinking
System Thinking
System Thinking
System Thinking
Impact
The redesign made the app more intuitive for both new and returning users. Internal stakeholders and the development team reported smoother user journeys and fewer edge-case issues during implementation. With a clearer UX foundation in place, the product is now better prepared for future features like AI-driven recommendations and deeper engagement campaigns.
• Cleaner and more predictable navigation across the app.
• Reduced friction at login and checkout through simplified flows.
• Stronger UX structure for rewards, notifications and upcoming features.
Tools & Methods
• Figma for flows, wireframes and high-fidelity UI
• FigJam / whiteboards for mapping and ideation
• Design systems thinking for reusable components
• Continuous collaboration with developers
Privacy Note
To respect client and user privacy, some screens shown here use placeholder data or simplified visuals. The case study focuses on UX decisions, flows and structure, not on exposing real customer information.