top of page

fitted

A Mobile UI Design Case Study

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

User interface Designer

March 2019 ~85 hours

Objective

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

persona.webp

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.

dd.png

user flow

0_Anlhxz_IVz4uBxux.webp

Low-fidelity sketches

1_fvHzUDp8UCMPReZ-LDlPGw.webp

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.

0_wkN0qifMz-BSjOjb.webp
0_3lYix7ZxXgWUg_Yt.webp

High-fidelity 
wireframes

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

0_sHpZpjDEu9pB7f66.webp
bottom of page