DashFit

DashFit

Mobile App

Mobile App

2024

2024

About Project

About Project

Case Structure

Case Structure

00

00

DashFit is your personal fitness assistant

Enjoy your workouts and reach your goal

In an easy and fun way.

DashFit is your personal fitness assistant

Enjoy your workouts and reach your goal

In an easy and fun way.

About the project

00

Design Process

01

Person Analysis

02

Application Structure

03

Problems and Solutions

04

UI Design

05

Design Process

Design Process

Steps

Steps

01

01

Creating a Design : Step by Step

Creating a Design : Step by Step

Research

Briefing

Briefing

JTBD

JTBD

User Flow

User Flow

Functional Analysis

Functional Analysis

Persona Analysis

Persona Analysis

Audience Research

Audience Research

CJM

CJM

Competitive Analysis

Competitive Analysis

Prototype

Visual Concept

Visual Concept

Design System

Design System

Finalisation of Layouts

Finalisation of Layouts

App Icon

App Icon

UI Design

Testing

Testing

Specification

Specification

Handoff to Developers

Handoff to Developers

Person Analysis

Person Analysis

First Person

First Person

02

02

Tanya

26 years old, Graphic Designer

Problems

- Needs to improve flexibility after long hours of

sitting.

- Needs to improve flexibility after long hours of sitting.

- Experiences high levels of stress from work.

Looking for

- An app with yoga sessions for flexibility.

- Meditation and stress reduction features.

Rahul

22 years old, College Student

Problems

- Want to gain muscle mass but don’t know

where to start.

- Want to gain muscle mass but don’t know where to start.

- Needs affordable solutions for fitness guidance.

Looking for

- An app with beginner-friendly workout program.

- Detailed instructions and affordable fitness plans.

Emily

18 years old, Software Developer

Problems

- Lacks of motivation to maintain a consistent workout

routine.

- Lacks of motivation to maintain a consistent workout routine.

- Struggles to track her fitness progress.

Looking for

- An app with motivational features and reminders.

- Tools for tracking progress and setting goals.

Mike

31 years old, Truck Driver

Problems

- Gained weight due to sedentary lifestyle.

- Finds it difficult to maintain a healthy lifestyle on the roads.

Looking for

- An app with motivational features and reminders.

- Tools for tracking progress and setting goals.

List of Screens

List of Screens

Application Structure

Application Structure

03

03

Login/Registeration

Welcome page

Loading page

Login

Signup

Forgot Password

Search and review

Search

Filteration

Results of search

Selection of training

Main page

Workout levels all

Notifications

Bookmarks

Training process/Analytics

Workout

Timer

All sets

Workout screen

Take a rest

Congratulations

Profile/Settings

Profile screen

Edit payments

Edit profile

Chat support

Problems and solutions

Problems and solutions

Conclusions

Conclusions

04

04

In the process of developing DashFit App,

I did a detailed research and identified the

main problems faced by users of fitness apps.

In the process of developing DashFit App,

I did a detailed research and identified the

main problems faced by users of fitness apps.

Difficulty in creating a customised

workout plan.

Implement personalised workout

programs tailored to each other’s

goals and fitness levels.

But I must explain to you how all this mistaken idea of denouncing

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor

Lack of clear progress tracking.


Introducing detailed statistics and

graphs that allow users to see their

progress and adjust workouts for

best results.

Lack of knowledge about proper

exercise technique.

Creating a database of video

instructions and descriptions to help

users perform exercises correctly

and safely.

UI Design

UI Design

Log In/Sign In

Log In/Sign In

05

05

UI Design

UI Design

Selection of training

Selection of training

06

06

DashFit’s homepage is your fast track

to powerful workouts. easily find

personalised and recommended programs,

and start your transformation today!

DashFit’s homepage is your fast track to powerful workouts. easily find

personalised and recommended programs, and start your transformation today!

Colors

Colors

Palette

Palette

07

07

Arctic Lime

DDF70A

Black

000000

Dark Gray

333333

Wild Green

4AD500

White

FFFFFF

Typography

Typography

Icons

Icons

08

08

Helvetica Neue

Helvetica Neue

CONDENSED BLACK

CONDENSED BLACK

CONDENSED BOLD

CONDENSED BOLD

BOLD

BOLD

MEDIUM

MEDIUM

REGULAR

REGULAR

THIN

THIN

ULTRA LIGHT

ULTRA LIGHT

UI Design

UI Design

Search

Search

09

09

UI Design

UI Design

Training progress

Training progress

10

10

Create a free website with Framer, the website builder loved by startups, designers and agencies.