ResQ First Aid Lessons App | Supporting Website
Project Type
Brand Design
App Design
Website Design
Certification Case Study
Role
Product Design
UX Design
Visual Design
Discovery & Research
Overview
First aid training is essential for anyone who wants to respond confidently and effectively in emergency situations. Many people struggle to find comprehensive and accessible resources for learning first aid, as some online courses are too lengthy, others are too expensive, and many lack interactive and engaging content.
A free and accessible smartphone app could be a solution for many people.
Certification Exercise.
Target Audience
Adults looking to learn first aid.
-
Lifeguard Tower Photo: Dimitri Iakymuk
Volunteer Leader Photo: Christina Morillo
iMac Footer Photo: Rheingucken
Persona Avatars: Dream by Wombo
Brand
Discovery
To understand the needs and expectations of users, a peer survey was sent to adults potentially seeking a comprehensive resource for learning:
They prefer a mobile-friendly app that can be accessed from anywhere, at any time, and on any device.
They want an app that is easy to use and navigate, with interactive and engaging content that is relevant and up-to-date.
They are looking for a resource that provides certification and awards, as well as opportunities to refresh their knowledge and skills over time.
Personas
Jasmine Hassan
Age: 35
Occupation: Event Planner
Location: Cleveland, OH
Education: BA Marketing
Goal: To have access to first aid information and resources that are easy to access and understand, even in high-stress situations.
Sarah Davis
Age: 32
Occupation: Homemaker
Location: San Francisco, CA
Education: BS Nursing
Goal: Stay prepared for emergencies: Sarah wants to be ready for any emergency that might arise, and she wants to have the knowledge and skills to respond effectively.
John Martinez
Age: 48
Occupation: Construction Worker
Location: Dallas, TX
Education: HS Diploma
Goal: Learn at his own pace: John wants the flexibility to learn at his own pace and on his own schedule, and he wants to be able to review the information and practice his skills as needed.
Phone App
Mockup
Usability Study Results
Most users had difficulty with the navigation. Add clear backward and nonlinear navigation needs to be created.
Users did not see their progress. Add topic progress. Sections of topics needs to be communicated visually.
Users wanted to reorder or create a playlist of preferred topics, an insight is. Design a favorite/playlist schema.
Prototype
Usability Study Results
Social Media icons/links & footer bar was not utilized and sometimes distracted user. Remove footer bar.
Sign-in process needs to be added.
Lessons page icon navigation confusing. Remove (not needed).
Final Design
Website
Mockups
Desktop | Mobile
Prototype
Final Design
