DESIGN CONCEPTUI/UX
Dental Clinic Website Redesign.
A concept for the first screen and appointment booking. Not a commission: a self-initiated project.
A design concept, not a commission: we made it ourselves to show our UX approach. The clinic name and copy are fictional examples.
- TYPE
- DESIGN CONCEPT
- TIMELINE
- 2 weeks
- TEAM
- UI/UX designer, tech lead
- SERVICE
- UI/UX design
01
Task
Show how to simplify appointment booking on a dental clinic website: fewer steps, clearer on mobile. On typical clinic sites booking is a long form or just a phone number, and patients go to a competitor that lets them book online.
02
Constraints
- [WARN]Self-initiated work, with no access to a real clinic's analytics
- [WARN]Mobile first: most patients look for a clinic on their phone
- [WARN]The booking form has at most 3 steps
- [WARN]Colors and contrast meet WCAG AA for older patients
03
Solution
We designed a homepage concept and a 3-step booking form across 2 screens, as a self-initiated project outside any commission. The first screen shows services with “from” prices and a booking button; then the patient picks a service, a doctor and a time.
First screenWhat we treat, “from” prices, address and a booking button, no scrolling on a phone.
3-step bookingService → doctor → free slot. The phone number is asked only at the last step.
AccessibilityLarge touch targets, AA contrast, clear error states.
UI kitButtons, fields, doctor cards: ready for handoff to development.
04
Stack
Figmalayouts and prototypeAuto layoutresponsive 360–1440 pxUI kitbuttons, forms, statesWCAG 2.2 AAcontrast and sizes
05
Results in numbers
STEPS TO BOOK3
SCREENS2
These are concept parameters, not measured results: conversion can only be assessed on a live site.
06
What we would do differently
01We would test the prototype with 5 real patients before the final UI: cheaper than reworking layouts.
02We would think through the “no free slots” scenario earlier: in the first version it was a dead end.
03We would build the UI kit alongside the layouts, not after them.
NEXT CASETechnical Audit of a Laravel B2B Project
AUDIT