top of page
hh-blue-background.jpg
HH-iOS-28-video@2x.png
HH-iOS-13-docs@3x.png
HH-iOS-02-onboardingA@3x.png
HH-iOS-01-splash@3x.png
HH-Android-wht-28-video.png
HH-Android-wht-13-docs.png
HH-Android-wht-02-onboardingA.png
HH-Android-wht-01-splash.png
gotham-android.png
gotham-iOS.png
hh-transparent-petals-1.png
hh-transparent-petals-2.png
hh-transparent-petals-3.png
hh-onboard-doc-checkmarks.png
hh-onboard-piggy.png
hh-onboard-girl.png
ux-ui-design.png

Visit a doc

at your convenience

Health Help is a virtual telehealth native app designed for both iOS and Android. It provides the convenience and safety of booking virtual appointments in advance, getting in line for on-demand virtual visits, selecting from recommended doctors based on the user’s needs, make payments, and more. There is no need to get into a car to sit in a waiting room filled with sick people or stress over being sick while being away from home.

With all the safety concerns during this current Covid-19 pandemic, hopefully, in 1 to 2 years, the coronavirus will be more under control. In the meantime, while we are still trying to cope, we still face issues with our common, non-life-threatening medical conditions like allergies, colds, sinus infections, rashes, mental health support, and so on.

 

The major life adjustments have shifted the healthcare industry to providing more care options using Telehealth services. While not everything can be cured virtually, online medical does provide convenience and safety.

Many health apps are quickly growing in numbers and provide similar virtual services. What makes Health Help stand out in comparison is it does not try to lock you in without clearly providing essential information (more transparent) and personalized to the user’s needs. After completing a profile, the patient will be matched with a handful of doctors to select from. The user can read each doctor’s profile to make a confident decision in which doctor to meet.

magnet-me-Ayx2M0iiVFQ-unsplash-alt.jpg
hh-transparent-petals-4.png

The CHALLENGE

hh-challenge-clipboard.png

Design a mobile app for both iOS and Android, which consists in creating two versions of the same app that utilize some of the native design patterns. Project includes coming up with the concept, app name, brand logo, objective, competitive research, users and, key features.

The Process

hh-process-ui.png
hh-process-ux.png

Competitive / comparative research

Some examples of competitor pros and cons:

talkspace.png
mdlive.png
lemonaid.png
healthtap-alt.png
amwell-alt.png
teladoc.png
zocdoc-alt.png

Pros

⁃    Users can get prescriptions and existing prescription refill
⁃    A lá cart or subscription/ membership options
⁃    User does not have to commit to a membership
⁃    General Medical / Behavior Health services available
⁃    User can choose to go with on demand (wait in line)
⁃    Book appointments in advance
⁃    Choose a doctor from their network
⁃    Out-of-pocket appointments can be affordable/ reasonable
⁃    Multilingual doctors are sometimes available
⁃    Convenient that virtual visits can take place basically
      anywhere as long as they have a strong wifi connection
⁃    Some services are available 24 hours

Cons

⁃    Subscriptions can be expensive
⁃    Subscriptions with long commitments
⁃    Per service/ on demand have short appointments 10-15 min
⁃    Per service/ on demand - no follow ups, no text,
      no option to email for questions afterwards
⁃    User does not have the option to choose their doctor
⁃    May not get the same doctor each time
⁃    Can not always request to see the same doctor
⁃    No communication between the online doc and your
      PCP unless the virtual visit company is related to your PCP
⁃    Some apps request for payment or insurance commitment 
      upfront before providing their list of doctors
⁃    Common for apps to use the same stock photos or
      illustrations which makes some competitors look alike

Features / user flow

hh-features.png
hh-user-flow.png
katka-pavlickova--1MWTZamkwI-unsplash-al
priscilla-du-preez-F11yIxUHX4Q-unsplash-
petter-lagson-uIHVrY34NwU-unsplash-alt.j
pexels-edward-jenner-4031820-alt.jpg

Wireframes

iOS
adobe-xd-white.png
14_iOS_Video_Call.png
13_iOS_Chat.png
12_iOS_Check_In.png
11_iOS_Appt_Notification.png
10_iOS_Appt_Confirmation.png
08_iOS_Appointment.png
07_iOS_Doc_Profile.png
09_iOS_Payment.png
06_iOS_Browse_Doctors.png
03_iOS_Create_Account_B.png
03_iOS_Create_Account_A.png
05_iOS_Selected_Service.png
04_iOS_Home_Screen.png
02_iOS_Onboarding_B.png
02_iOS_Onboarding_A.png
01_iOS_Splash_Screen.png
02_iOS_Onboarding_C.png
Android
adobe-xd-white.png
14_Video_Call.png
13_Chat.png
10_Appt_Confirmation.png
11_Appt_Notification.png
12_Check_In.png
07_Doc_Profile.png
08_Appointment.png
09_Payment.png
06_Doc_Roster.png
04_Home.png
05_Selected_Service.png
03_Create_Account_B.png
03_Create_Account_A.png
02_Onboarding_C.png
01_Splash_Screen.png
02_Onboarding_B.png
02_Onboarding_A.png

Style guide

hh-styleguid-2.png
hh-styleguid-1.png
hh-styleguid-5.png
hh-styleguid-3.png
hh-styleguid-4.png
hh-styleguid-6.png

Final Designs

hh-final-1.png
hh-final-2.png
hh-final-3.png
hh-final-4.png
hh-final-5.png
iPhone X-frame-only.png
What went well

The logo creation was fairly quick.

The illustrations I drew turned out nicer than I expected.

Usability testing went well. Received helpful feedback mostly related to the cosmetic end, but the navigation was successful.

What Didn't go well

Being it was my first time working with Android layouts, much time was spent on visual research.

Room for improvement

The designs utilize native patterns and custom layouts based on the brand, but I’d like to implement more native pattern styles in the future.

petter-lagson-fk7RyOS7ZfI-unsplash-alt2.
yellow-box.png
yellow-box.png
bottom of page