top of page


A Mobile UI Design Case Study

This project was completed through CareerFoundry for my UX/UI Certification.

User interface Designer

March 2019 ~85 hours


Motivate people into an exercise routine that suits their level, schedule, and interests.

the why

To become healthy and enjoy the associated benefits (better mood,

weight management, reduce risks of illness, learning something new).

Exercise should be fun and suited to each user.

To save time by fitting exercise into daily routines, such as walking or cycling to work or school.

the persona


my approach

Provided with this information, I approached this problem using the Double-Diamond strategy to guide me through the Design Thinking Process.

Having been provided with a design brief, I began the UI Design Process at point 3. At which point I was to develop a solution and then deliver the final product.


user flow


Low-fidelity sketches


low-fidelity wireframes

mid-fidelity wireframes

mood boards

I developed two mood boards to cater to two different styles. With these in mind I then chose the lighter one because I believed that it reflected the design brief more clearly.

With the use of a mood board I was able to really narrow down the look that I was trying to achieve in terms of the design brief. It helped me especially when I was trying to create the high-fidelity wireframes and implementing a lot more visual elements to the designs.



Screenshot 2023-05-15 at 3.47.05 PM.png
Screenshot 2023-05-15 at 3.47.13 PM.png
Screenshot 2023-05-15 at 3.47.26 PM.png
Screenshot 2023-05-15 at 3.47.35 PM.png
Screenshot 2023-05-15 at 3.47.45 PM.png
Screenshot 2023-05-15 at 3.47.53 PM.png

Style Guide

bottom of page