top of page

WeCare Dental Website Project

By: Irene Chong Ai Ling

ABOUT THE
PROJECT

ABOUT

Target Audience:
Disadvantaged Families

 

  Tools:
Figma 

UX Tools: Site Maps ,  Wireframe, Prototypes and Edgecases 

THE PROBLEM

Our Task is to create a dental care website catered to children from disadvantaged families for free on Sunday Afternoons. Our work will the be handed over to developers to complete the development of the online booking system.

SOLUTION

Based on the requirements, I have created a web sitemaps, Moodboard, Wireframes, Prototype with Edge cases and a in-depth Design System based on the elements and colours available from Bootstrap. 

01

PROBLEM 

STATEMENT

02

SITEMAPS

03

MOODBOARD

TABLE OF CONTENT

04

WIREFRAMES

PROTOTYPE

EDGECASE

DESIGN SYSTEM

05

01

PROBLEM STATEMENT

PROBLEM STATEMENT

WeCareDental , neighbourhood dental clinic have approached you to help them work on a Pro bono project where they will provide children from needy families with free dental services on Sunday afternoons.

Your Figma prototype will be hand over to a developer who will complete the development needed for the online booking system.

REQUIREMENTS

  • They are offering this free service to children below 7
    years old from families with a Blue Chas Card

  • Each session is for 30 mins from 1pm to 5pm

  • Their developer says they will be using bootstrap
    framework

02

SITEMAP

SITE MAP

Picture1.png

MOODBOARD

Picture2.png

WIREFRAME

PROTOTYPE

mockuper (3).png

EDGECASES

mockuper (5).png

Error for mistyping password when registering 

Authentication failure when using Singpass to verify  

mockuper (4).png

DESIGN SYSTEM

Screenshot 2023-01-04 155056.png

03

MOODBOARD

04

WIREFRAME

05

PROTOTYPE

EDGECASE

DESIGN SYSTEM

bottom of page