Information architecture, responsive design, conversion design
01 / Overview
What was needed
Problem
Treatment information was detailed but hard to scan. Patients needed to understand their options, trust the specialist and find booking without navigating clinical terminology.
What I changed
I grouped content around patient questions, placed credentials near treatment decisions and kept one clear booking route across the site.
02 / Design system
The page system
The core choices that keep the experience consistent.
Typography
01
Aa
Clean sans-serif type with large treatment headings and short supporting labels.
Colours
02
White #ffffff
Cobalt #405dbb
Sand #c7b89f
Ink #202020
Layout
03
Full-screen treatment imagery, floating navigation and visible booking actions.
UI components
04
Treatment categories, trust blocks, FAQ items and repeated appointment buttons.
03 / What improved
What improved
01
Treatment options are grouped around patient needs.
02
Credentials and proof appear close to decision points.
03
The booking action stays consistent across treatment content.
04 / Site screens
Site screens
Screens taken from the project itself.
Orthodontic homepage
Complete treatment overview
Outcome
The redesign created a clearer treatment hierarchy and one consistent booking route across desktop and mobile.
Working on something similar?
Send me the current site and what needs to change.
