![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 52 48" xmlns="http://www.w3.org/2000/svg"><path d="M 24 18 C 24.681 18 25.293 18.334 25.664 18.891 L 33.664 30.891 C 34.073 31.504 34.112 32.293 33.764 32.943 C 33.416 33.594 32.738 34 32 34 L 26 34 L 26 42 C 26 43.105 25.105 44 24 44 C 22.896 44 22 43.105 22 42 L 22 34 L 16 34 C 15.263 34 14.584 33.594 14.236 32.943 C 13.888 32.293 13.927 31.504 14.336 30.891 C 14.745 30.277 21.929 19.425 22.336 18.891 C 22.743 18.357 23.319 18 24 18 Z M 10 0 C 10.681 0 11.293 0.334 11.664 0.891 L 19.664 12.891 C 20.073 13.504 20.112 14.293 19.764 14.943 C 19.416 15.594 18.738 16 18 16 L 12 16 L 12 24 C 12 25.105 11.105 26 10 26 C 8.896 26 8 25.105 8 24 L 8 16 L 2 16 C 1.263 16 0.584 15.594 0.236 14.943 C -0.111 14.293 -0.073 13.504 0.336 12.891 C 0.745 12.277 7.929 1.425 8.336 0.891 C 8.743 0.357 9.319 0 10 0 Z M 38 0 C 38.681 0 39.293 0.334 39.664 0.891 L 47.664 12.891 C 48.073 13.504 48.112 14.293 47.764 14.943 C 47.416 15.594 46.738 16 46 16 L 40 16 L 40 24 C 40 25.105 39.105 26 38 26 C 36.896 26 36 25.105 36 24 L 36 16 C 36 16 30.738 16 30 16 C 29.262 16 28.584 15.594 28.236 14.943 C 27.888 14.293 27.927 13.504 28.336 12.891 C 28.745 12.277 35.929 1.424 36.336 0.891 C 36.743 0.357 37.319 0 38 0 Z" fill="rgb(51, 51, 51)" height="44px" id="t6Ti6RLrm" transform="translate(2 2)" width="48.00015088609982px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 52 48" xmlns="http://www.w3.org/2000/svg"><path d="M 24 18 C 24.681 18 25.293 18.334 25.664 18.891 L 33.664 30.891 C 34.073 31.504 34.112 32.293 33.764 32.943 C 33.416 33.594 32.738 34 32 34 L 26 34 L 26 42 C 26 43.105 25.105 44 24 44 C 22.896 44 22 43.105 22 42 L 22 34 L 16 34 C 15.263 34 14.584 33.594 14.236 32.943 C 13.888 32.293 13.927 31.504 14.336 30.891 C 14.745 30.277 21.929 19.425 22.336 18.891 C 22.743 18.357 23.319 18 24 18 Z M 10 0 C 10.681 0 11.293 0.334 11.664 0.891 L 19.664 12.891 C 20.073 13.504 20.112 14.293 19.764 14.943 C 19.416 15.594 18.738 16 18 16 L 12 16 L 12 24 C 12 25.105 11.105 26 10 26 C 8.896 26 8 25.105 8 24 L 8 16 L 2 16 C 1.263 16 0.584 15.594 0.236 14.943 C -0.111 14.293 -0.073 13.504 0.336 12.891 C 0.745 12.277 7.929 1.425 8.336 0.891 C 8.743 0.357 9.319 0 10 0 Z M 38 0 C 38.681 0 39.293 0.334 39.664 0.891 L 47.664 12.891 C 48.073 13.504 48.112 14.293 47.764 14.943 C 47.416 15.594 46.738 16 46 16 L 40 16 L 40 24 C 40 25.105 39.105 26 38 26 C 36.896 26 36 25.105 36 24 L 36 16 C 36 16 30.738 16 30 16 C 29.262 16 28.584 15.594 28.236 14.943 C 27.888 14.293 27.927 13.504 28.336 12.891 C 28.745 12.277 35.929 1.424 36.336 0.891 C 36.743 0.357 37.319 0 38 0 Z" fill="rgb(138, 54, 238)" height="44px" id="xjNOG_V4f" transform="translate(2 2)" width="48.000150647681245px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 30" xmlns="http://www.w3.org/2000/svg"><path d="M 16 12 C 16.454 12 16.862 12.223 17.109 12.594 L 22.443 20.594 C 22.715 21.003 22.741 21.529 22.509 21.962 C 22.277 22.396 21.825 22.667 21.333 22.667 L 17.333 22.667 L 17.333 28 C 17.333 28.736 16.736 29.333 16 29.333 C 15.264 29.333 14.667 28.736 14.667 28 L 14.667 22.667 L 10.667 22.667 C 10.175 22.667 9.723 22.396 9.491 21.962 C 9.259 21.529 9.285 21.003 9.557 20.594 C 9.83 20.185 14.619 12.95 14.891 12.594 C 15.162 12.238 15.546 12 16 12 Z M 6.667 0 C 7.12 0 7.529 0.223 7.776 0.594 L 13.109 8.594 C 13.382 9.003 13.408 9.529 13.176 9.962 C 12.944 10.396 12.492 10.667 12 10.667 L 8 10.667 L 8 16 C 8 16.736 7.403 17.333 6.667 17.333 C 5.93 17.333 5.333 16.736 5.333 16 L 5.333 10.667 L 1.333 10.667 C 0.842 10.667 0.39 10.396 0.158 9.962 C -0.074 9.529 -0.049 9.003 0.224 8.594 C 0.497 8.185 5.286 0.95 5.557 0.594 C 5.829 0.238 6.213 0 6.667 0 Z M 25.333 0 C 25.787 0 26.195 0.223 26.443 0.594 L 31.776 8.594 C 32.049 9.003 32.074 9.529 31.842 9.962 C 31.61 10.396 31.158 10.667 30.667 10.667 L 26.667 10.667 L 26.667 16 C 26.667 16.736 26.07 17.333 25.333 17.333 C 24.597 17.333 24 16.736 24 16 L 24 10.667 C 24 10.667 20.492 10.667 20 10.667 C 19.508 10.667 19.056 10.396 18.824 9.962 C 18.592 9.529 18.618 9.003 18.891 8.594 C 19.163 8.185 23.953 0.949 24.224 0.594 C 24.495 0.238 24.879 0 25.333 0 Z" fill="rgb(51, 51, 51)" height="29.333240785979854px" id="F_eUnysdY" transform="translate(0 0)" width="31.999998821339226px"/></svg>)
Rebecca
age
26
gender
Female
marital status
In a relationship
job title
& experience
Software Developer
Education
Master’s in Software Development
Goals
Lose weight and get in shape despite a sedentary job and limited free time.
Find a tool that makes it easy to incorporate workouts into a busy schedule.
Learn how to exercise properly as a beginner.
Discover enjoyable routines to stay consistent.
Tasks
Search for exercises aligned with weight loss and fitness goals.
Access short workouts that can be done multiple times a day between other activities.
Stay motivated and focused despite a demanding schedule.
environment
Physical: Lives in an apartment with her boyfriend and 3-year-old daughter.
Social: Has supportive friends from her software development job—one of whom recommended this tool.
Social: Has supportive friends from her software development job—one of whom recommended this tool.
For this project, I was provided with a predefined user persona. While I didn’t conduct the initial research to develop this persona, I used it as a key reference point throughout the design process.
1.
As a frequent user, I want to be able to share routines with my friends who may also be interested, so that I can encourage them to become healthier.
2.
As a frequent user, I want to track progression and record what I’ve done, so that I can see my progress over time.
3.
As a frequent user, I want to be able to earn achievements or rewards, so that I can stay motivated.
4.
As a new user, I want to be shown how the exercises are done, so that I know I’m doing them correctly.
5.
As a frequent user, I want to be able to schedule exercises for working out, so that I build positive habits.
6.
As a new user, I want to learn about different exercises, so that I can figure out what is best for me.
7.
As a frequent user, I want to complete daily challenges, so that I can have an additional way to stay motivated.
For these mood boards, I focused on UI design research to create a cohesive look and feel that aligns with the chosen key words. Every design element was selected to inspire engagement, motivate users, and foster a welcoming experience. These examples illustrate how typography, colors, imagery, and UI elements work together to achieve the desired user experience.
I believe the chosen words best align with the core needs and goals of the persona. Flexible reflects the app's ability to adapt to users' varied schedules and fitness levels. Approachable emphasizes the importance of creating an inviting space for individuals of all fitness levels. Finally, inspiring was chosen to capture the motivational aspect of the app, fostering growth, healthy habits, and a sense of community.
Primary Font family
Secondary Font family
Primary
Lighten 20%
#F2F670
Lighten 10%
#CBDCC3
Primary Base
#4E753C
Darken 10%
#234215
Darken 20%
#143306
Secondary
Lighten 20%
#F2F670
Lighten 10%
#CAC4D7
Secondary Base
#8C7EA6
Darken 10%
#422B6E
Darken 20%
#2D145E
progress
home
search
calendar
community
menu
like
comment
save
exit
add
chevron right
chevron left
chevron down
chevron up
tip
time
sets
days per week
challenge
kebab menu
notification
mobility
pause
play
arrow right
After sketching and creating low-fidelity wireframes, I moved into mid-fidelity wireframes, focusing on refining the main features of the app and defining their core functions. From there, I progressed to high-fidelity wireframes, incorporating final design elements and visual details.
Home
Progress
Community
Explore
Calendar
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g d="M 29.631 0 L 2.363 0 C 1.056 0 0 1.031 0 2.307 L 0 29.687 C 0 30.963 1.056 32 2.363 32 L 29.631 32 C 30.938 32 32 30.963 32 29.693 L 32 2.307 C 32 1.031 30.937 0 29.631 0 Z M 9.493 27.269 L 4.744 27.269 L 4.744 11.994 L 9.494 11.994 L 9.494 27.269 Z M 7.119 9.913 C 6.388 9.915 5.688 9.625 5.171 9.11 C 4.654 8.594 4.363 7.894 4.363 7.163 C 4.363 6.433 4.654 5.733 5.171 5.217 C 5.688 4.701 6.388 4.412 7.119 4.413 C 8.637 4.413 9.869 5.645 9.869 7.163 C 9.869 8.682 8.637 9.913 7.119 9.913 Z M 27.269 27.269 L 22.525 27.269 L 22.525 19.844 C 22.525 18.075 22.494 15.794 20.056 15.794 C 17.587 15.794 17.213 17.725 17.213 19.719 L 17.213 27.269 L 12.475 27.269 L 12.475 11.994 L 17.025 11.994 L 17.025 14.081 L 17.087 14.081 C 17.719 12.881 19.269 11.613 21.575 11.613 C 26.381 11.613 27.269 14.775 27.269 18.887 L 27.269 27.269 Z" fill="transparent" height="32px" id="mhTSH_DGN" width="32px"><path d="M 29.631 0 L 2.363 0 C 1.056 0 0 1.031 0 2.307 L 0 29.687 C 0 30.963 1.056 32 2.363 32 L 29.631 32 C 30.938 32 32 30.963 32 29.693 L 32 2.307 C 32 1.031 30.937 0 29.631 0 Z M 9.493 27.269 L 4.744 27.269 L 4.744 11.994 L 9.494 11.994 L 9.494 27.269 Z M 7.119 9.913 C 6.388 9.915 5.688 9.625 5.171 9.11 C 4.654 8.594 4.363 7.894 4.363 7.163 C 4.363 6.433 4.654 5.733 5.171 5.217 C 5.688 4.701 6.388 4.412 7.119 4.413 C 8.637 4.413 9.869 5.645 9.869 7.163 C 9.869 8.682 8.637 9.913 7.119 9.913 Z M 27.269 27.269 L 22.525 27.269 L 22.525 19.844 C 22.525 18.075 22.494 15.794 20.056 15.794 C 17.587 15.794 17.213 17.725 17.213 19.719 L 17.213 27.269 L 12.475 27.269 L 12.475 11.994 L 17.025 11.994 L 17.025 14.081 L 17.087 14.081 C 17.719 12.881 19.269 11.613 21.575 11.613 C 26.381 11.613 27.269 14.775 27.269 18.887 L 27.269 27.269 Z" fill="rgb(255, 255, 255)" height="32px" id="vXkc0itce" width="32px"/></g></svg>)