Dental Touch - Mobile App Design
Visual Design for Interactive Contents
Medium
IOS Device, iPhone, Desktop, Animation
Description
Dental Touch is a mobile App that based on a real-life story. It aims to help international individuals addressing tooth ache, understanding the U.S. dental industry, choosing the trust worthy dentists, and overcoming the medical language barriers.
Date
April-June 2022
Tools
Figma, Miro, Draw.io, Illustrator, Photoshop, After Effect

# Mobile App # UI/UX #Video Walkthrough
#Animation #Interactive Webpage #Prototype
Project Overview
Three main features for international individuals who experience tooth ache. And taking advantage of their dental journey in the U.S.
App Contains
1
Joyride/
On boarding
2
Customized tooth report
3
Pick up
dentists
4
Verify your
dentist
5
Online
consultation
6
Medical
Interpreter
User Journey

Scoop of Work

Benefits & Purpose Statement
Dental help is a tool for international individuals to get dental consultant and medical translator online and share your thoughts in the community. Featuring over 300 trusted online dentists and specialists consultations, and advanced medical translators. You can find all your concerns and answers here.
CUSTOMIZED SUGGESTIONS - Provides you a customized suggestion based on your personal situation at the beginning of your tooth ache, so you can get the idea of what to do next.
VERIFY DENTISTS - Search a dentist that you are working with or have been worked with. Get to know this dentist reviews and creditability.
TRUSTED ONLINE CONSULTATION - Chat with a live dentists or selected specialist based on your choice to get more suggestions about your tooth treatment plan.
TRANSLATOR SUPPORT - Have a video call with a live medical translator when you are in the clinic physically and have difficulty about some medical terms. You can also book an appointment with a selected translator for your next dental clinic visit.
​Pain Points
-
I don't know what to do with my ache tooth.
-
I don't know whether I can trust this dentist or not. How can I know she can do a good job on root canal treatment.
-
I can't understand some medical terms and have difficulties to communicate with dentists when I go to clinic.
Brag Points
-
Customize the best suggestions for your next step.
-
Verify and evaluate credibility of your current dentist.
-
Provide a free online consultation to get more suggestions from other dentists.
-
Support you a free online video call with professional medical translator.
-
Schedule an appointment with a selected translator for your future in-person clinic visit.
Pain Points & Brag Points
User Flow
There are 3 flows in total, responding to 3 pain points. This will walk users through the whole journey by clicking and develop the brag points.
Screen
Action/Event
System Action
Wireframes
Sktches










Wireframes


Usability Test





​Observational Questions:
-
What do you think you can click on?
-
Where are you?
-
What do you think this icon mean?
-
Look at icons, what do they mean?
Task-based Questions
-
How do you get the idea/suggestions about your tooth ache?
-
How do you identify your dentist creditability?
-
How do you get online consultation from other dentists? How do you chat with a live dentist online?
-
How do you contact with an online live medical translator when you are in the clinic?
-
How do you make an appointment with a popular translator for your future clinic visiting?
Findings
Color coding:
Red dot: weakness/improvements
Green dot: Strengthens
​






Typography
Poppins
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890$%!@#&
Aa Semibold Main title
Aa Medium Headline 1 & Headline 2
Aa Regular Sub-headline
Aa Light Body copy
​
​
Explore Main Title 32px
Before you go Headline 1 20px
Findings Headline 2 18px
Dr. Wendy Sub-headline 16px
Chinese Body copy 14px
Logo
Sktches





Logo
Final Version
Primary Logo



Color
#6E71E5
#EF8F9C
R: 110 G: 113 B:229
R: 239 G: 143 B: 156
App Icon
Logo Usage




UI Kits
Icons
Arrows & Directions
User Interface
Color Palettes


#6E71E5
#ECF2FF
#FAF0DB
#FA9056
#6FCF97
#232325
#979797
#C4C4C4
UI Pattern




Visual System








App Screens
Joyride & On boarding






App Screens
Explore





App Screens
Explore - tooth exam & report










App Screens
Dentist










App Screens
Community & Profile












