All projects

Fairday

Dental Website Brand Identity Concept
Role Design
Platform Figma
Year 2026
The Fairday prices page, Every Price, in Writing First, on a clear-cased iPhone lying on a pale surface in leaf shadows
Overview

Family dentistry with every price written down first.

I took on the dental website design for Fairday end to end, from the name, logo and design system to the homepage, five inner pages and a four-step booking flow, each one on the phone too, and I laid it out in Figma the way dev builds it, with full-width sections and content that stops at a max-width.

Problem

Dental prices stay hidden until the bill arrives.

Most dental sites list services and a phone number, so a family only finds out what a cleaning or a crown costs once the work is done, and I think that uncertainty is what keeps many people from booking at all.

Solution

Show every price before anyone sits in the chair.

Fairday puts a written price beside every service, keeps the full list on its own page and hands over a written plan before treatment, so booking takes four short steps and ends with the visit confirmed.

Design process

  1. 01

    Discovery

    Dental agency research Name check
    Framer font scan Logo research
  2. 02

    Structure

    Page plan Pricing model
    Three-office content Booking flow map
  3. 03

    Design

    Warm photo direction Boxed card layout
    Hero overlay tests Phone layouts
  4. 04

    Handoff

    Design tokens Component library
    Full-width sections Dev annotations
The Fairday homepage, the fairday wordmark over a patient smiling from the chair, on a MacBook Pro on a dark shelf The Fairday dental website homepage in full, from the hero and why Fairday through the services, the payment plan and the dark price list to patient reviews and the footer with all three offices The Fairday design system, with ink, sun yellow, cloud and mist colours, Asta Sans for every word and the fairday wordmark with a half-sun for the dot of the i Fairday inner pages, with the dental implants, Washington Park, new patients, prices and emergency heroes, the implant steps and prices, the office services, the visit map and the new patient visit The Fairday booking step Pick a Time That Suits You on an iPhone held against a blue jacket The Fairday booking flow in four steps, the visit, the office and time, the patient details and the booked confirmation Fairday on the phone, with the home, dental implants, Washington Park, new patients, prices and emergency pages A dentist laughing with a patient in the chair, closing the case study with Mike's contact email

Let's collaborate

Mike Lopez © 2026 designed & developed by Mike LopezPrivacy notice GMT+8
All projects

Fairday

Dental Website Brand Identity Concept
Role Design
Platform Figma
Year 2026
The Fairday prices page, Every Price, in Writing First, on a clear-cased iPhone lying on a pale surface in leaf shadows
Overview

Family dentistry with every price written down first.

I took on the dental website design for Fairday end to end, from the name, logo and design system to the homepage, five inner pages and a four-step booking flow, each one on the phone too, and I laid it out in Figma the way dev builds it, with full-width sections and content that stops at a max-width.

Problem

Dental prices stay hidden until the bill arrives.

Most dental sites list services and a phone number, so a family only finds out what a cleaning or a crown costs once the work is done, and I think that uncertainty is what keeps many people from booking at all.

Solution

Show every price before anyone sits in the chair.

Fairday puts a written price beside every service, keeps the full list on its own page and hands over a written plan before treatment, so booking takes four short steps and ends with the visit confirmed.

Design process

  1. 01

    Discovery

    • Dental agency research
    • Name check
    • Framer font scan
    • Logo research
  2. 02

    Structure

    • Page plan
    • Pricing model
    • Three-office content
    • Booking flow map
  3. 03

    Design

    • Warm photo direction
    • Boxed card layout
    • Hero overlay tests
    • Phone layouts
  4. 04

    Handoff

    • Design tokens
    • Component library
    • Full-width sections
    • Dev annotations
The Fairday homepage, the fairday wordmark over a patient smiling from the chair, on a MacBook Pro on a dark shelf The Fairday dental website homepage in full, from the hero and why Fairday through the services, the payment plan and the dark price list to patient reviews and the footer with all three offices The Fairday design system, with ink, sun yellow, cloud and mist colours, Asta Sans for every word and the fairday wordmark with a half-sun for the dot of the i Fairday inner pages, with the dental implants, Washington Park, new patients, prices and emergency heroes, the implant steps and prices, the office services, the visit map and the new patient visit The Fairday booking step Pick a Time That Suits You on an iPhone held against a blue jacket The Fairday booking flow in four steps, the visit, the office and time, the patient details and the booked confirmation Fairday on the phone, with the home, dental implants, Washington Park, new patients, prices and emergency pages A dentist laughing with a patient in the chair, closing the case study with Mike's contact email

Let's collaborate

Mike Lopez
© 2026 designed & developed by Mike Lopez
Privacy notice GMT+8