Lumière — Salon & Spa Website
Home/Portfolio/Lumière — Salon & Spa Website
Web DevelopmentLive

Lumière — Salon & Spa Website

A quiet-luxury salon and spa website where unhurried editorial design makes booking a beauty ritual feel like rest, not rush.

2 weeks2026Lumière — Salon & Spa (Demo)

Lumière is a demo website for a premium salon and spa on CG Road, Ahmedabad, positioned as an unhurried sanctuary for hair, skin and soul. Built for high-end beauty brands that want their website to feel as calm and considered as their treatment rooms, it pairs a warm cream editorial palette with elegant serif typography and a 3D pearl hero. The site spans Services, Rituals, The Space, Team, Pricing and Book Now.

The Challenge

Most salon and spa websites in Ahmedabad are booking-app clones or busy template grids that feel rushed and transactional — the opposite of the slow, premium experience these brands sell in person. A quiet-luxury salon needs a digital presence that signals calm and care from the first scroll, or it loses guests willing to pay for ritual to cheaper, louder competitors. This demo was built to show beauty clients exactly what that elevated standard looks like.

Our Approach

We designed a 6-page Next.js site around the House of Lumière idea — beauty as rest, every appointment a slow deliberate ritual — using a warm cream and beige editorial palette with elegant serif typography. The hero features a soft 3D pearl blob built in React Three Fiber alongside a service-category marquee for Hair, Skin, Nails, Spa, Bridal and Massage. A clear Menu and Pricing layout lays out treatments and starting prices, while The Space, Rituals and Team pages tell the atelier-meets-sanctuary story. Calm, refined Framer Motion animations keep the pacing unhurried, all leading to a low-friction Book Now flow.

Tech Stack

Next.jsReactTypeScriptTailwind CSSFramer MotionReact Three Fiber

Services Delivered

  • Web Development
  • UI/UX Design
  • Premium Branding

Duration

2 weeks

Year

2026

Start a Similar Project

What We Built

3D Pearl Hero

A soft 3D pearl blob built in React Three Fiber anchors the hero, adding tactile depth that mirrors the sanctuary calm of the brand.

Editorial Serif Identity

Warm cream and beige tones paired with elegant serif typography create the unhurried, magazine-quality feel of a quiet-luxury salon.

Service Category Marquee

A flowing marquee across Hair, Skin, Nails, Spa, Bridal and Massage lets guests grasp the full range of treatments in a single glance.

Transparent Pricing Menu

A clear Menu and Pricing layout presents treatments with starting prices, removing booking hesitation before a guest reaches Book Now.

Calm Booking Flow

A low-friction Book Now page turns the slow, considered browsing experience into a direct appointment enquiry without breaking the calm.

Refined Scroll Animations

Calm, deliberate Framer Motion animations keep the pacing slow and editorial, so the site itself feels like a space designed to let you exhale.

Results Delivered

0

-page responsive salon and spa website used as a live sales demo for beauty clients

0

years on CG Road and 4.9-star guest rating featured to build instant trust

0

k+ rituals stat and an editorial Menu communicate scale and pricing at a glance

Quiet-luxury design proves OM can deliver premium spa-grade web experiences

Project Screenshots

Lumière — Salon & Spa Website screenshot 1
Click to expand

Want a project like this?

Let's talk about your idea. Free consultation, no obligations.