Mobile UIUX Research

DoYou Yoga & Fitness: Cross-Platform Redesign & React Migration

Client

DoYou Yoga & Fitness

Timeline

18 months

Role

UI/UX Designer

Tools

Figma,Zeplin,Jira,UserTesting,Chrome DevTools,Maze

Available On

App Store Google Play Visit Site

DoYou Yoga & Fitness: Cross-Platform Redesign & React Migration

The Challenge & Solution

Key Issues

Platform built on deprecated mobile framework requiring complete technology migration to React/React Native ecosystem.
Poor visual hierarchy and overwhelming choice architecture in 'Challenges' section caused decision paralysis, while complex 5-step enrollment flow created friction in user onboarding.
Inconsistent design system with outdated aesthetic didn't reflect DoYou's wellness-focused brand identity or meet accessibility standards.
Missing gamification and feedback mechanisms resulted in low daily engagement and poor habit formation among users.

Solutions

Collaborated with development team to assess and implement React/React Native migration strategy, ensuring scalable cross-platform foundation for web, iOS, and Android.
Redesigned information architecture with card-based categorization system and streamlined enrollment flow from 5 steps to 2, removing unnecessary decision points.
Developed comprehensive design system with WCAG AA-compliant color palette, reusable components, and consistent spacing rules that mapped directly to React components.
Designed milestone and streak gamification system with immediate visual feedback, validated through usability testing with 15+ users and daily dogfooding of production builds.

Impact & Results

Platform Rating

4.8/5

Average user satisfaction across web, iOS, and Android.

Enrollment Speed

60% faster

Streamlined onboarding from 5-step to 2-step flow.

Design System Coverage

100%

Consistent implementation across platforms from iOS to Android, and web.

Key Achievements

Successfully migrated entire platform from deprecated framework to scalable React/React Native ecosystem.
Established design system with 100% adoption across all platforms, ensuring visual consistency and accelerating future development.
Reduced enrollment friction by 60%, streamlining onboarding flow from 5 clicks to 2.
Reduced cognitive load in challenge discovery, enabling users to make faster, more confident decisions.

Project Gallery

View All Case Studies

Next Project

CSU Dashboard Redesign: Laravel Migration & Design System Implementation

Legacy dashboard system built on outdated PHP framework with inconsistent design patterns across high school and community college versions, creating maintenance overhead and poor user experience.Platform existed in isolation from CSU's main ecosystem, using different authentication methods and data structures, preventing seamless integration with campus systems.Outdated and inconsistent data sources made it difficult for educators, students, and parents to access reliable CSU campus statistics for informed enrollment decisions.Lack of unified component library led to visual inconsistencies across dashboards, with each serving different audiences but requiring duplicate effort for similar features.