Case study

Lumi
Dental

Website design · UX/UI · Development

A premium dental clinic concept combining editorial elegance, clear treatment categories and a direct path to appointment booking.

Concept Premium dentistry Concept design
Full desktop version of Lumi Dental
Full mobile version of Lumi Dental

Project

Lumi Dental

Industry

Dentistry
Premium clinic

Scope

UX/UI Design
Responsive Design
Concept design

Delivery

Art direction
UI Design
Prototype

Integrations

Appointment CTA
Contact phone

Visual identity

A consistent
visual brand language.

Deep burgundy, warm ivory and gold details create a distinctive premium identity, supported by elegant editorial typography.

01

Colour palette

#FFFFFFPure White
#FBF4EFWarm Ivory
#C78B3EDental Gold
#4D0013Deep Burgundy
02

Project typography

Aa
Playfair Display Headings and elegant accents
Aa
DM Sans Content, navigation and interface
03

Tools

Ux
UXContent architecture and user journeys
Ui
UI DesignComponent system and responsive views
F
FigmaInterface design and prototype
Ps
PhotoshopVisual asset preparation

Project challenge

Premium without
the distance.

The concept needed to combine an exclusive clinic image with warmth and reassurance, while making the four core specialisations immediately accessible.

Premium image

Combining clinical precision with an elegant and welcoming visual language.

Clear navigation

Four core specialisations available directly from the first screen.

Mobile first

Adapting the experience for users who primarily browse on mobile.

Simple booking

Shortening the path from discovering the offer to booking an appointment.

Project goals

The smile at the
centre.

Every interface element supports readability, brand credibility and a simple, natural user experience.

01

Building trust

Minimalist design, professional photography and clear communication.

02

Clear service offer

Implantology, orthodontics, aesthetic dentistry and prevention presented in a clear system.

03

More bookings

Visible calls to action leading directly to appointment booking.

04

Full responsiveness

A consistent experience across phones, tablets and desktop screens.

Key subpages

Selected project
views.

The homepage and services page create one coherent journey: from the first impression, through treatment discovery, to booking an appointment.

01 / Homepage

Homepage

An editorial hero with a central portrait, strong CTA, patient rating and shortcuts to four key specialisations.

Homepage
Scroll

02 / Services

Services

A clear presentation of four treatment areas, supported by imagery, key benefits and trust-building reasons to choose the clinic.

LUMI Dental services page
Scroll

Responsive design

The full experience
on a smaller screen.

The mobile version preserves the elegance of the desktop design while arranging content into a natural vertical rhythm and guiding users towards key services and booking.

Mobile version of Lumi Dental
01

Strong opening

The logo, brand promise and appointment CTA create a clear hierarchy above the fold.

02

Clear services

Four core specialisations are arranged in a transparent grid designed for mobile.

03

Touch navigation

A large menu button and generous interactive areas make one-handed use comfortable.

04

Trust signals

Patient ratings and the clinic’s experience remain prominent on a smaller screen.

01

People first

Large, natural portraits make the clinic feel more human and trustworthy from the very first moment.

02

Clear expertise

Specialisation, experience and treatment scope are visible without opening additional screens.

03

Consistent profiles

Every specialist follows the same system, making the team quick to understand and compare.

04

Trust before the visit

Patients know who will take care of them and what to expect before making contact.

LUMI Dental mobile team page