
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


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


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


Elementary landing page
Landing
page
LOW FIDELITY WIREFRAME

Effortless sign in/up process
Registration
screen

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

This section helps to identify
one’s illness with ease
Disease
page

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


