First Aid

This project is designed to get quick access to basic first-aid information in Life-Threatening as well as Non-Life Threatening situations. It also has a visual guide to what a basic first aid kit should contain.

I displayed the fatal vs non-fatal emergencies displayed separately

I made a list of basic ailments from various clinical websites

I also made a list of basic first aid kit supplies

Version 1

I directly digitized the paper wireframe on Figma

I presented the First AID supplies in a gallery view for clear visual aid

Version 2

I simplified the titles for each ailment with unique icons for visual guide

I placed the ‘Call 911’ CTA buttons within each ailment as needed to prevent accidental calling of emergency services

I added the simplest color scheme so as not to distract from the content

I also added the images for the supplies

I gave the details on each ailment a page, 'Call 911' buttons placed within each as needed, with central focus

Mobile App - Prototype in Figma

The tablet version is simply an expanded version of the mobile app in terms of size

I replaced the 'Call 911' buttons with simple text in eye catching color

Mobile App - Prototype in Figma

The desktop website is a one page linear site with grids of ailments

Each details are a pop-up when clicked on the ailment without leaving the page

Desktop Website - Prototype in Figma

I added a navigation bar to the top left to switch between the three tabs

'Call 911' CTAs have been placed back

Mobile Website - Prototype in Figma

Medical Content

All the medical information have been taken directly from American Red Cross First Aid to convey as correct of a medical information as possible.

First Aid Supplies

A guide to help users not only recognize most common supplies, but also help them ensure they've got a properly stocked set at home

Inspiration

American Red Cross First Aid has an mobile app, but no corresponding website, mobile or otherwise.

Many first aid instructions mention equipment that not everyone is familiar with

Next Step

On each medical instruction page, add a corresponding image hover or pop-up for any equipment mentioned

Add a page of nearby medical establishments like hospitals, clinics and pharmacies