top of page

05

Health Mobile

UX/UI

UX Research

Product Design

Web Design

Providing a seamless and stress-free experience for patients navigating their health.​ 

 

This project was completed as part of the Google UX Design Certification Program.

full case study

about

Health Mobile is a non-profit clinic on wheels that aims to provide easy-to-access, basic healthcare to underserved communities. Its website and mobile app addresses significant patient stressors, such as complex scheduling platforms, indirect provider communication, and lack of access to basic health services. Patients are able to locate and schedule appointments at their nearest Health Mobile, send/receive direct messages from their providers, and have access to their patient charts and medical history. 

01

UX/UI

Health Mobile IA Map-2.png

sitemap

A sitemap was created to provide a smooth and seamless user experience and demonstrates the architecture of both the website and app, which have similar structures. This sitemap also served as the backbone of mobile app's low fidelity wireframes, which were refined through usability testing.

Log In.png
Homepage.png

02

design elements

#5F96C5

#FAFCFE

#FCDD54

Logo

Screen Shot 2022-11-18 at 4.00.56 PM.png
Screen Shot 2022-11-18 at 4.02.01 PM.png
Screen Shot 2022-11-18 at 4.02.50 PM.png

Top Navigation / Header (Mobile)

Screen Shot 2022-11-18 at 4.08.19 PM.png

Footer (Mobile)

Screen Shot 2022-11-18 at 4.08.41 PM.png

CTA button (inactive)

Screen Shot 2022-11-18 at 4.03.54 PM.png

CTA button (active)

Screen Shot 2022-11-18 at 4.04.41 PM.png

Icons

Screen Shot 2022-11-18 at 4.06.19 PM.png
Screen Shot 2022-11-18 at 4.06.27 PM.png
Screen Shot 2022-11-18 at 4.06.34 PM.png

Sidebar Navigation (Desktop)

Screen Shot 2022-11-18 at 4.11.18 PM.png

Cards (Desktop)

Screen Shot 2022-11-18 at 4.12.59 PM.png
Screen Shot 2022-11-18 at 4.13.44 PM.png

Soft hues of blue and a primarily white background were chosen to invoke a sense of calm and approachability in an often stressful industry. Iconography is used extensively throughout the website and app to help users locate the links they are looking for upon a quick glance.

03

product design

iPhone 14 Pro in deep purple color_Schedule Appt Patient Info_edited.png
Studio Display_Screen Shot 2022-11-05 at 9.20_edited.png
Studio Display_Screen Shot 2022-11-05 at 9.20_edited.png
Studio Display_Choose Location 1_edited.png

©2025 by Michelle Ngo

bottom of page