LightWeight360
As a UX/UI Design Intern at LightWeight360, I designed the iOS app for trainees to follow personalized workout and meal plans. I created the full design system, wireframes, high-fidelity mockups, and interaction flows. I collaborated closely with the CTO and stakeholders, and delivered a detailed dev handoff for implementation.
Role
UX/UI Designer,
Interaction Designer
Team
- 1 UX/UI Designer
- 1 CTO/Product Manager
- 4 Mobile Developer
Duration
14 Weeks
Tools
Figma,
Miro
Problem
Trainees often lose motivation due to a lack of structure and real-time progress tracking. Scattered communication and unclear guidance from trainers led to confusion and low engagement.
Why
Trainees often struggle to stay consistent with their fitness goals due to lack of structure and feedback—so I designed an engaging mobile experience that helps them follow personalized plans, track progress, and build healthy habits over time.
Solution
I designed an iOS app that helps trainees follow custom workout and meal plans with ease. The design emphasizes clarity, habit-building, and seamless interaction—crafted in collaboration with the CTO and stakeholders to align with both user and business goals.
What I Contributed
through documentation collaboration with the CTO
for trainee experience from wireframes to high-fidelity UI
to align design with business and dev needs
toggle for better accessibility using design system.
Get to know
What is a LightWeight360?
LightWeight360 is a digital CRM platform built to empower fitness professionals and streamline their core business operations. By offering tools that strengthen client-trainer connections, increase productivity, and support health-driven communities, the platform helps fitness professionals grow their businesses and deliver real results.
Goal
What Are We Trying to Solve?
Trainees often lose motivation and fall off track with their fitness goals due to lack of structure, habit reinforcement, and engaging feedback.
My challenge was to design a mobile experience that feels motivating, habit-forming, and distinct from competitors — blending simplicity with light gamification to keep users consistently engaged with their workout and meal plans.
Define Target Audience
Our Potential User
Motivated-but-Overwhelmed Professional
- Track workouts and progress easily
- Stay in touch with trainer effortlessly
- Struggles with consistency and motivation
- Hard to track progress in an engaging way
- Overwhelmed by complex fitness app
Inconsistent Comebacker
- Build workout habits gradually with reminders
- Rebuild consistency without pressure
- Integrate workouts into a busy, remote schedule
- Feels unmotivated without visible progress
- Lacks time to plan meals or workouts
Framing the Challenge
How Might We?
- HMW help busy users stay consistent with their workout routine?
- HMW make fitness tracking simple and engaging?
- HMW reduce the effort of tracking meals while showing clear progress?
- HMW track progress in an engaging way?
Principles Behind the Design
My Design Objective
The core goal of this design was to create a simple, motivating experience for trainees that helps them build consistent habits without feeling overwhelmed. To achieve this, the app was guided by three key objectives:
Clarity over Complexity:
Ensure the app is intuitive from the very first screen, guiding trainees clearly toward their workout plan without cognitive overload.
Human-Centered Guidance + Consistency Builds Confidence:
Provide a structured path using daily cues, schedules, and clear step-by-step instructions so users always know what to do next.
Motivation through Progress + Minimal Effort, Maximum Value:
Allow trainees to check their progress effortlessly during or after workouts through subtle tracking, helping them stay motivated without disrupting their flow.
Deliverable
Final Design
Smart Calendar View
HMW make fitness tracking simple and engaging?
The calendar uses icons in the weekly view and color-coded dates in the monthly view to show the user's workout, cardio, rest days, and progress. It gives a quick, visual summary that helps users stay on track without needing to tap around.
Workout Carousel Navigation
HMW help busy users stay consistent with their workout routine?
The swipeable carousel syncs with the calendar and lets users preview or start workouts for each day. It adds structure and routine, making it easy to focus on just today's plan.
Progress Tab & Stats Summary
HMW track progress in an engaging way?
The tab bar includes key data like weight lost, weight left, and total workout time with an expandable dropdown for a full progress breakdown. This encourages habit-building by showing results without overwhelming the user.
Interactive Meal Flow
HMW reduce the effort of tracking meals while showing clear progress?
Tapping a meal opens a dedicated page where users can complete meals, triggering a satisfying animation and auto-transition to the next. It simplifies nutrition tracking while making it feel rewarding and smooth.
Workout Completion Flow
HMW help busy users stay consistent with their workout routine?
Users can start a workout or preview it before beginning, keeping the flow simple and flexible. It remp4es friction and helps users commit without hesitation.
Design file structure
My Design File
To kick off the handoff, I provided a zoomed-out view of the entire Figma workspace. This overview helps developers and stakeholders understand the project structure at a glance without exposing the detailed UI. It also shows how I categorized different flows (e.g., workouts, meals, tracking) and separated mobile components clearly.
This step ensured everyone could navigate the design easily, even if they weren’t familiar with the Figma interface.
Documentation handoff
Design Documentation & Interaction Guidelines
To support development, I worked closely with the CTO to define a clear, readable documentation format. The handoff page breaks down the rationale and flow of each design section so that both developers and non-technical stakeholders can understand the intention behind every feature. Click image to zoom.
