top of page
Untitled-3 copy.png

CPR PRO

Untitled_Artwork 3.png

PROJECT: CPR Pro

ROLE: UX-UI Designer/ Conception to Completion

DURATION: Oct- Dec 2022

Project Background

CPR Pro is an app and website that helps users educate themselves on how to perform CPR in an emergency and guides them through it step by step.

Although 65% of people in the United States say they've received CPR training at some point in their lives, only 18% are up to date on their training.
Giving CPR on time can save a person from cardiac arrest. 

Project Goals & Challenges

1) An app and website to guide people with the procedure of performing safe CPR for different groups (infants, children, adults, and elderly) 

2) Helping users at the time of performing CPR

3) Ensuring users that help will arrive if they are not able to perform CPR for any reason

laptop.png
IMG_0357.PNG

Empathize

IMG_0361.PNG

Define

IMG_0359.PNG

Ideate

IMG_0363.PNG

Prototype

Untitled_Artwork 3.png

Test

iphone.png
Empathize

How I approached the research

1. Sent out requests for interviews

2. Conducted the interviews (via zoom and in person)

3. Gathered insights from each interview

4. Combined the insights and secondary data 

5. Made conclusions

Conducting User Interviews

I successfully interviewed six individuals. Two men, Three women, and one non-binary individual. Two of these people had adequate experience in performing CPR and four of them had no experience or knowledge at all. This gave me insight from two different perspectives.

IMG_5832 copy.jpg

Meet the Users

Untitled_Artwork 4 copy.png

“I want to be able to give CPR in case of emergency, I feel confident if I can help someone”

Nila

29 Years

Master's in Architecture

Monterey, CA, USA

Middle Class

Single

Architect

Goals & Frustrations

  • Learns how to give CPR in case of emergency

  • Needs a simple method so that she can follow step by step

​

  • Learning online through various sites is time-consuming and there are some medical expressions she doesn’t understand

Nila is a 29 years old architect who lives in Monterey, CA. She works in a large company with lots of employees. She wishes to be able to give CPR in case of emergency if any of her colleagues, friends, or anyone else needs help. It gives her piece of mind and makes her more confident.

Untitled_Artwork 4 copy.png

" I want to make sure I can take a good care of my father who has cardiovascular disease survives in case of emergency ."

Samuel 

42 Years

Bachelor's Degree in Finance

Helsinki, Finland

Divorced

Project Manager

Goals & Frustrations

  • Learns how to give CPR in case of a stroke; for his father

  • Ability to save a life in case of emergency

​

​

  • He is not sure if he can remember everything he learns and do it correctly in emergency time

​

Samuel is a 42 years old project manager who lives in Helsinki, Finland. He lives with his father, who has cardiovascular disease. He wants to learn how to give CPR if his father has a stroke. He needs to be sure that he knows everything he has to know to keep his father safe.

Define

User Pain Points 

01

Assistance

One common thing between all users is that they stress out during emergencies. Stress during CPR is often found to be associated with reduced performance. Stress-reducing interventions may enhance performance during CPR.

​

02

Complexity

Users are frustrated because of the various resources on the internet about CPR. Some of them have medical expressions that regular users are unfamiliar with, which makes them confused, and they will give up on educating themselves.

03

Assurance

Users need to be assured that someone is close enough to do it if they cannot perform CPR for any reason. In addition, there might be a situation where victims are alone by themselves. Again, users need assurance that help will be close nearby. 

Ideae

Crazy 8's

I created a detailed list of requirements for the CPR Pro app and website based on my research and discussions with the users about the particular needs and functionalities of the product.

Must-haves:

  • Emergency request for potential responders

  • Emergency request for on-scene witness

Should-haves:​

  • Online courses to teach how to perform CPR step by step

  • Customize settings for availability and sharing location

I performed ideation brainstorming and pitched ideas for each problem statement.

​

I categorize my ideation to understand better the types of solutions I can develop.

​

​

IMG_5837.heic

Information Architecture (Website)

Information architecture copy.png

Information Architecture (App)

information architecture (APP) copy.png
pexels-raven-domingo-11655091_edited.jpg

P & P Wireframes
(Website) 

Untitled_Artwork 2.png

P & P Wireframes
(App) 

Untitled_Artwork 2 copy.png
Protoype

Prototypes

Screen Shot 2022-12-22 at 7.12.15 PM.png
Screen Shot 2022-12-22 at 7.47.42 PM.png
Test

CHALLENGE 1

Assistance

All participants during the usability testing showed concern and frustration when stressed out, forgetting the CPR steps, or needing help doing CPR. I solved this problem by adding a voice feature to CPR steps so that while doing CPR, the app says the seven steps out loud, and users can do each step, ensuring they haven't forgotten anything and are doing the steps right.

iPhone 13, 12 Pro Max – 9.png
Mock.png

CHALLENGE 2

Complexity

Most of the users were confused with a large amount of information and websites about CPR training. They found most of them challenging to follow due to the use of lots of medical expressions that are unfamiliar to them. To solve this problem, I placed a course segment on the website where they can learn different CPR topics with videos, short readings, and several quizzes. This method allows users to get updated information in one place and earn a badge after completing each course. 

Web 1920 – 3.png
MacBook Air 2.png

CHALLENGE 3

Assurance

After conducting usability studies, users pointed out that they need to ensure professional help is on the way, and if they cannot perform CPR, someone could help them out for any reason. To solve this problem, I added a "call 911" feature. While performing CPR, the app dials 911, and users know help is on the way. In addition, if users cannot perform CPR, they can notify other users by pressing the "CPR Pro Members Help" button. The app will notify other CPR Pro members, and if someone is nearby, they can have the victim's location and help.

iPhone 13, 12 Pro Max – 8.png
Mock.png

Style Guide

Using a gentle gradient made up of a combination of warm and cold hues felt suitable for CPR Pro identity. When combined with dark red, the dark blue makes users feel calm and strikes a beautiful balance between calming and uplifting. Finally, Tahoma is the font of preference for the Website and the app. 

Colors

Type

Buttons

Logo

Style Guide CPR.png
Logo.png

Takeaways

CPR Pro made me realize how hard it is to work on a subject you know very little about. I had little knowledge about CPR, and to understand the users and their problems better, I had to read a lot about CPR. I watched many videos and talked to professionals to ensure I knew all the steps. As a person who has once experienced being in an emergency and being a victim, I realize how important it is to find easier ways to educate people on these matters. Little knowledge like this can save people's lives.

bottom of page