Smile :)

A UX/UI case study for dental clinics medical appointments and more.

Explore

Dentist App Login Screen iPhone by Mediaweb

Services

User Experience Design
User Interface Design
Brand Interface Styleguide
Front-End Development

Deliverables

Live Styleguide
Interactive Prototypes
Android & IOSNative Front-End

Client

Smile Dental Clinics (fictional)

Project Explanation

Traditional dental care requires more than just oral hygiene maintenance and scheduled dental appointments. It requires effective, clear communication between dentists and their patients. In this case study, we create a system designed to provide dentists the ability to close the communication gap by being able to manage their appointments and keep track of cancelations or changes.

01.

CONTEXT

Product

Smile App aims to mitigate some of the problems going to the dentist. Schedule management and maintenance. It is powered by an insightful dashboard and a dentist calendar that is updated at all times.

Challenge

To give dentists and other human resources involved the ability to get better insights of their day-to-day schedule, while keeping track of any changes happening like cancelations or re-scheduling.

02.

APPROACH

Map Functionalities

By mapping out functionalities we define what screens need to be designed. It also helps us identify missing elos in the application flow which most often prove crucial to a good user experience and a happy user base.

Dentist app Functionalities Map by Mediaweb

Research & Wireframe

We start off by wireframing the main screens for the flow of the app. This phase is specially important to validate the main functionalities on the screen rather than looking at graphic visuals that might only serve as distraction.

Dentist App Wireframe by Mediaweb

Styleguide

Typography

Dentist App Typography

Iconography

Dentist App Iconography

Colors

Salmon Soft Red

R: 252

G: 124

B: 104

Blue Zodiac

R: 66

G: 66

B: 85

Nero

R: 35

G: 35

B: 35

Luminous Vivid Amber

R: 253

G: 201

B: 3

Onboarding Experience

Onboarding flows are an awesome way to ease our users into your newly created experiences. They are seamless explanations of recent features or first time users. We decided to create this in order to achieve a better first time experience.

  • Dentist App Onboarding Screen by Mediaweb
  • Dentist App Onboarding Screen by Mediaweb
  • Dentist App Onboarding Screen by Mediaweb
  • Dentist App Onboarding Screen by Mediaweb
Testimonials Image
  • Bruno Charters

    Mediaweb

    “Good results don’t come just from hard work on your area. It takes empathy, context and focus on the pains from your peers. By understanding their needs you can come up with solutions that will make them more productive which will then lead to less stress and overall best results. this is the power of user centric approaches like Smile Dental Clinics.“

03.

OUTCOME

The Final User Interface

  • Dentist App Screen by Mediaweb
  • Dentist App Screen by Mediaweb
  • Dentist App Screen by Mediaweb
  • Dentist App Screen by Mediaweb
  • Dentist App Screen by Mediaweb
  • Dentist App Screen by Mediaweb
  • Dentist App Screen by Mediaweb
  • Dentist App Screen by Mediaweb
  • Dentist App Screen by Mediaweb
  • Dentist App Screen by Mediaweb
  • Dentist App Screen by Mediaweb
  • Dentist App Screen by Mediaweb
  • Dentist App Screen by Mediaweb