Context
Remote
May 2024- August 2024
Contribution
Lead UX Designer
Illustrator
Collaborators
Momen Mohamed - CEO
Jueun Jin - UI/UX Designer
Tools
Visual Design
Prototyping
Figma Motion
[1] Problem
How can LoadtheKilos make fitness programs accessible and easy to understand?
As a team of 2 product designer and one software engineer, our goal was to land on a clear vision within 12 weeks.
01
Unclear technique
Users could see what exercise to do, but not always how to do it safely or why it mattered.
02
Hard-to-track plans
Programs often became scattered across schedules, sets, reps, progress, and reminders.
03
Low confidence
Without clear feedback or explanation, beginners hesitated before building consistency.
Design opportunity: implement AI to make each program feel guided, visual, and explainable before the user starts moving.
Low fidelity frames
We started designing the skeleton of our product with three main changes: Home, Discover, and Profile.
[3] Illustration & Iconography
Visual Language
I helped design the visual language by making adjustments on the brand guide. This involved working with LoadtheKilos↗ on an initial rebrand to evolving it into a usable design system, complete iconography set, and visual graphic style.
Core Flows
Default logo of the brand, “Load the Kilos” in both text and pictorial marks are used as opening screen
Customized barbell plates illustrations help fitness users to understand types of barbells and collars that exist. Customizing plates help the users understand the load on the barbell.
User can search the exercise through search and filter in the exercise library for better understanding of execution.
Gifs are used to help explain the exercises they represent in the program.
The pop-up on the interface sets a reminder of the user's fitness program schedule. The user can customise the settings of the profile
Custom AI to guide users with exercises existing in the program
Design system of Typography
Customzed log assets
Reflection
What I learned
Balancing education with fitness
I learned that fitness beginners need more than a list of exercises or programs — they need context. Designing for this audience meant making every interaction explain “why” something matters without slowing down the path to starting a workout.
Thinking in systems
A design system can make a product feel more trustworthy
Refining the loadthekilos's brand guide with typography, iconography, and visual assets helped the app feel more consistent and credible.
What's Next
If I continued the project, I would test the program purchase flow more deeply, explore video-based exercise instruction, and refine how coaches customize and publish their programs. I would also look at how user feedback inside settings could become a stronger loop for future product decisions. I would also work on