top of page
This site was designed with the
.com
website builder. Create your website today.Start Now

LifeLine Mobile App

iphone_13_pro_mockups_7.png

Project Overview

The Product

​Lifeline is a medical application designed to help the patient by taking hassle-free medical services at home and providing trustworthy, easy communication between doctors and patients.

The Goal

Provide a tool that can give services that is reliable, easy, and immediate help.

My Role & Responsibilities

UX designer for designing the website from ideation to conception.

  •  Conducting interviews

  •  Paper and digital wireframing

  •  Low and high fidelity prototyping

  • Conducting usability studies

  • Iterating on designs

  •  Responsive design.

Design Process
design-process.png
User Research: summary

I conducted qualitative research to gain and understand the user's thoughts, attitudes, experiences, and needs for medical services.

I asked them about their recent medical experience and expectations, online medical services if they take any or why they don't consider online service, and their expectations from online services.

Most of them prefer to take offline services because there are a lot of fraudulent cases happening online there are no rules to verify the doctor's profile. Sometimes doctors remain so busy that they are not even concerned about listening to their problems carefully. Especially in an emergency situation, it's really hard to find a doctor for any immediate help.

Pain points

Trustworthy

Online services are not trustworthy.

Service

Dissatisfactory and lengthy services from hospitals.

Emergency Service

In any emergency case, doctors are not always available or need to wait for a longer period.

Empathy Map
empathy map.png
Persona

Problem statement:

Arif is a pharmacist and a parent who need a quick and reliable medical service so that he can get his services in any emergency cases without a doubt.

persona.png
User Journey Map
journey map.png
The Solution

 Based on the research insight I found the following goals to provide:

​

  • Provide authentic information about doctors.

  • Provide emergency medical services.

  • Provide hassle-free, quick services to the patients.

User Flow Chart
user flow chart.png
Paper Wireframe
shetch1.png
sketch2.png
sketch3.png
sketch4.png
sketch-5.png
Digital Wireframe
5.png
14.png
1.png
7.png
8.png
12.png
10.png
9.png
Usability Study: findings

Need a back button to go to the previous page

Add prescription button replacement

Prescription can be added from the profile part. 

Iteration on Design After Usability Test

Before usability study

After usability study

3.png
11.png
10.png
24.png
High Fidelity Design
1.png
2.png
3.png
4.1.png
5.png
7.png
8.png
9.png
10.png
11.png
12.png
26.png
15.png
17.png
18.png
19.png
20.png
25.png
24.png
28.png
28.png
31.png
32.png
33.png
30.png
Color & Typography

The color and typography: I choose different shades of blue and white color as primary color because these are the color of trust, purity commitment, peace,honesty which is best fit for the medical product.

color-typo.png
Accessibility Considerations

I used headings with different-sized text for a clear visual hierarchy.

I used accessible color contrast.

I used bold text type so that people who are color blind can notice the important information easily.

Next steps

  1. Conduct another round of usability studies.

  2. Identify additional changes and necessary improvements.

lower-part.png
bottom of page