The Tren Twins
UX/UI Designer | Product Designer
Embedded Files
Multimedia Designer | Motion Graphics, Animation, & UI Design | Remote & Freelance
The Tren Twins Fitness App is a gamified fitness companion designed to help users stay consistent with their workouts and nutrition while unlocking exclusive rewards. As the UX/UI Designer, I led the research, wireframing, prototyping, and interface design for the app, ensuring it met the needs of fitness enthusiasts while reflecting the Tren Twins' brand identity.
Fitness User Pain-Points:
Many fitness enthusiasts struggle with consistency in training and nutrition. They need a motivating and engaging tool to track progress, stay accountable, and get rewarded for their efforts. The Tren Twins, a high-energy fitness influencer duo, wanted to leverage their brand to create a meaningful fitness experience for their audience.
The Tren Twins Fitness App serves as a personalized workout and nutrition tracker, offering:
Daily workout and meal reminders
Progress tracking for strength, endurance, and nutrition goals
Rewards system where users unlock discounts, merch, and exclusive perks
Community challenges to foster engagement and friendly competition
Seamless e-commerce integration for Tren Twins merchandise
User Research & Personas: Conducted interviews and surveys to understand user needs.
Wireframing & Prototyping: Created low- and high-fidelity designs in Figma.
User Interface Design: Developed a bold, high-energy UI aligning with the Tren Twins' brand.
Gamification Strategy: Designed a reward-based system to increase engagement.
Usability Testing: Conducted tests and iterated on feedback.
To ensure the app met user expectations, I conducted user interviews and competitive analysis. Key insights included:
Users wanted simple, intuitive tracking tools.
They were motivated by tangible rewards and competition.
A majority engaged with fitness influencers for motivation and accountability.
Wireframing & User Flow
I mapped out the user journey, ensuring smooth navigation through:
Onboarding & goal setting
Workout & nutrition tracking dashboard
Rewards redemption system
Community features & challenges
Wireframing & User Flow
I mapped out the user journey, ensuring smooth navigation through:
Onboarding & goal setting
Workout & nutrition tracking dashboard
Rewards redemption system
Community features & challenges
Visual Design & Branding
The UI reflects the Tren Twins' bold, high-intensity aesthetic:
Edgy synth theme with high-contrast neon accents for a modern fitness feel
Strong, athletic typography for emphasis
Motion graphics & micro-interactions to enhance engagement
Gamification & Rewards
Streak tracking: Users earn points for consistency.
Progress-based unlocks: Exclusive merch discounts and perks.
Leaderboard & challenges: Encouraging friendly competition.
Prototyping & Testing
I developed an interactive prototype in Figma and conducted usability tests with fitness enthusiasts. Feedback led to:
Simplifying the logging process for workouts and meals.
Enhancing the visibility of rewards & incentives.
Optimizing navigation for a seamless experience.
The Tren Twins Fitness App successfully merges fitness tracking, motivation, and rewards into an engaging digital experience. By integrating UX research, gamification, and strong UI design, we created a product that not only drives fitness engagement but also strengthens the Tren Twins' brand connection with their audience.
Page updated
Google Sites
Report abuse