KeepFit

Empowering your financial future

Assignment

My Role:
Research

User Flows

Wireframe

UX Designer

Interactive Design

Deliverables:
User Research

User Interviews

High Fidelity Designs

Team:
Front End Developers

Back End Developers

iOS Developer

QA Analyst

My Role

My Role:
Research
User Flows
Wireframe
UX designer
Interactive design

Deliverables:
User Research
User Interviews
High Fidelity Designs

Team:
Front End Developers
Back End Developers
iOS Developer
QA Analyst

Overview

Keepfit is a simple and smart mobile application created for those who follow the tracking goals. A user can find and create training programs, set goals and participate in different challenges.

Problems

Keeping fit is very important for physical and mental well-being of every individual.

Apparently, many people do not know where to start and are also very busy with work and day-to-day activities.

Also, it can be very challenging to keep track of fitness training and exercises.

Solution

Keepfit is a smart phone application that can guide the user to carry out their daily exercises that are adapted to them.

This would definitely save time, money for those that find it difficult to visit the gym or in need of more efficient guide and prefer to work out at home.

Users can ascertain their progress over a course of time.

Design Thinking

Design Strategy

A user interface that is simple and easy to use for all types of users.

The app will be functional on both IOS and Android devices.

The use of crisp and clear language when communicating.

Placeholder 1

Placeholder 2

Placeholder 3

Placeholder 4

Placeholder 1

Placeholder 2

Placeholder 3

Placeholder 4

Research

I conducted an online survey to identify patterns and common preferences among potential users. A total of 41 participants took part, helping to accurately frame the problem.

Question Asked

What is your age range?
How long is your workout session daily?
What form of exercise are you doing to be fit?
Where do you prefer to work out daily?
How to you feel after your daily workout?

Open Ended Question

Question - The fitness environment
Answer - Most of the asked people prefer their workout indoor rather than outdoor

Question - How often people tend to exercise
Answer - Most of the asked people do exercise once in a while due to busy work environment

Question - Goals of doing exercise
Answer - Majority of people said their main goal is to lose weight and keep fit

Question - Time people spend exercising
Answer - Most people send less than an hour exercising due to busy schedule

Competitive Analysis

selected two similar apps for analysis. During testing and evaluation, I identified several UX issues. My research focused on improving the overall user experience and ensuring that the KeepFit app addressed all identified problems.

Competitive Analysis

Competitive Analysis

User Personas

Empathy Map

User Journey

This approach helped organize the structure and define specific tasks for the user, guiding them from the entry point through a series of steps toward a successful outcome and final action.

Initial Sketches

These sketches were created after finalizing the user journey. They helped determine the optimal placement of interface elements.

Low Fidelity Wireframe

The low-fidelity prototypes illustrate the preliminary structure of the application and serve as a guide throughout the design process.

High Fidelity Wireframe

The app’s design process was guided by essential UX deliverables such as wireframes, user flows, personas, and empathy maps. The visual design and microcopy were crafted in parallel to create a consistent and engaging interface.

Style Guide

Typography - Nunito

Nunito is built on simple geometric forms, resulting in a modern typeface that maintains both clarity and elegance.

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Colours - Colours that represent the brand, used as primary colour and accents.

My task was to create a modern, stylish application. I began by studying the psychological effects of color and identifying hues associated with health and well-being. From this research, I selected a color that blends green and blue.

Green represents life, health, and renewal.
Blue conveys inspiration, confidence, and freedom.

Primary

HEX #54CDD3

Scondary

HEX #DD6965

HEX #FFCF64

HEX #3A8AD4

HEX #69CEED

User Testing

I tested the product based on the most effective solution identified in the prototyping phase.

I conducted a usability testing method that evaluates the product by observing real users as they interact with it.
The test focused on users’ understanding of the interface and the overall ease of use.

The application evaluation was conducted with three users, and the following observations and feedback were gathered:

The screens are very clean and easy to understand.
The images are clear and concise.
The app is easy to use, and it allows me to easily keep track of my daily exercises.
The process for upgrading to “Go Premium” could be more flexible.

Competitive Analysis

User Personas

Empathy Map

User Journey

This approach helped organize the structure and define specific tasks for the user, guiding them from the entry point through a series of steps toward a successful outcome and final action.

Initial Sketches

These sketches were created after finalizing the user journey. They helped determine the optimal placement of interface elements.

Low Fidelity Wireframe

The low-fidelity prototypes illustrate the preliminary structure of the application and serve as a guide throughout the design process.

High Fidelity Wireframe

Style Guide

Typography - Nunito

Nunito is built on simple geometric forms, resulting in a modern typeface that maintains both clarity and elegance.

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Colours - Colours that represent the brand, used as primary colour and accents.

Green represents life, health, and renewal.
Blue conveys inspiration, confidence, and freedom.

Primary

HEX #54CDD3

Scondary

HEX #DD6965

HEX #FFCF64

HEX #3A8AD4

HEX #69CEED

User Testing

I tested the product based on the most effective solution identified in the prototyping phase.

The application evaluation was conducted with three users, and the following observations and feedback were gathered:

The screens are very clean and easy to understand.
The images are clear and concise.
The app is easy to use, and it allows me to easily keep track of my daily exercises.
The process for upgrading to “Go Premium” could be more flexible.

User Personas

User Personas

Empathy Map

User Journey

This approach helped organize the structure and define specific tasks for the user, guiding them from the entry point through a series of steps toward a successful outcome and final action.

User Journey

Initial Sketches

These sketches were created after finalizing the user journey. They helped determine the optimal placement of interface elements.

Initial Sketches

Low Fidelity Wireframe

The low-fidelity prototypes illustrate the preliminary structure of the application and serve as a guide throughout the design process.

Low Fidelity Wireframe

High Fidelity Wireframe

Style Guide

Typography - Nunito

Nunito is built on simple geometric forms, resulting in a modern typeface that maintains both clarity and elegance.

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Colours - Colours that represent the brand, used as primary colour and accents.

Green represents life, health, and renewal.
Blue conveys inspiration, confidence, and freedom.

Colours - Colours that represent the brand, used as primary colour and accents.

Typography - Nunito

Nunito is built on simple geometric forms, resulting in a modern typeface that maintains both clarity and elegance.

Primary

HEX #54CDD3

Secondary

Scondary

HEX #DD6965

HEX #FFCF64

HEX #3A8AD4

HEX #69CEED

User Testing

I tested the product based on the most effective solution identified in the prototyping phase.

User Testing

The application evaluation was conducted with three users, and the following observations and feedback were gathered:

The screens are very clean and easy to understand.
The images are clear and concise.
The app is easy to use, and it allows me to easily keep track of my daily exercises.
The process for upgrading to “Go Premium” could be more flexible.

Competitive Analysis

User Personas

Empathy Map

User Journey

This approach helped organize the structure and define specific tasks for the user, guiding them from the entry point through a series of steps toward a successful outcome and final action.

Initial Sketches

These sketches were created after finalizing the user journey. They helped determine the optimal placement of interface elements.

Low Fidelity Wireframe

The low-fidelity prototypes illustrate the preliminary structure of the application and serve as a guide throughout the design process.

Mid Fidelity Wireframe

Next Project

Paper Low Wireframe

High Fidelity Wireframe

Style Guide

Typography - Nunito

Nunito is built on simple geometric forms, resulting in a modern typeface that maintains both clarity and elegance.

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Colours - Colours that represent the brand, used as primary colour and accents.

Green represents life, health, and renewal.
Blue conveys inspiration, confidence, and freedom.

Primary

HEX #54CDD3

Scondary

HEX #DD6965

HEX #FFCF64

HEX #3A8AD4

HEX #69CEED

User Testing

I tested the product based on the most effective solution identified in the prototyping phase.

The application evaluation was conducted with three users, and the following observations and feedback were gathered:

The screens are very clean and easy to understand.
The images are clear and concise.
The app is easy to use, and it allows me to easily keep track of my daily exercises.
The process for upgrading to “Go Premium” could be more flexible.

Previous Project