Group 39-min.png

UI/UX

DIAGNOSE

Diagnose is a mobile application designed to help people understand more about the various diseases around the world

This is my first full fledged UI design project which went 5 weeks in the making

Tools used :

After finishing up the wireframe, I started scheming the design

ILLUSTRATIONS AND RESEARCH

Frame 110-min.png
Frame 103.png

Why different colours?

The different colours are not only for the pages to look good, they have a specific purpose

The human body has 11 different organ types, I'll show you 3 of them I designed

#1 circulatory organs (Heart, arteries, veins)

The circulatory organs manage the blood flow

Red is most suitable for this section

#2 Respiratory (Lungs, diaphragm, larynx)

They carry air to different places

I chose blue as it resembles the air

#3 Digestive (Stomach, intestines, liver)

These are associated with food and digestion

Green fits perfectly for this

Final design

Below you can find the final design with an interactive prototype

Frame 100.png
Frame 10.png

These illustrations are one of the key highlights of this application. I have researched every single disease that is shown in this app and custom made these illustrations of the organs and their specified diseases

They can help the user to get a grasp of where the affected area of the disease is located

Frame 1200-min.png
Frame 1.png

Elementary landing page

Landing

page

 
LOW FIDELITY WIREFRAME
 
Frame 2.png

Effortless sign in/up process

Registration

screen

Frame 3.png

The home screen is designed to be user-friendly
for people at any age

Home

page

 
 
Frame 4.png

This section helps to identify
one’s illness with ease

Disease

page

Frame 6.png

To know more about the specified disease
and find doctors

Description

page

PROTOTYPE

Completed prototype design

Click on the prototype to experience in real time

Frame 6.png
7.png
collage-1.png
collage-2.png

Check out my other projects