Skip to content
All projects
WebsitesBeauty & SalonConcept build

Lumière

Salons lose bookings to whoever makes booking easiest.

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

Build time
2 days
Year
2026
Client
Lumière — Salon & Spa (Demo)
Engaged for
Web Development · UI/UX Design · Premium Branding
Timeline
2 days · 2026
Built with
Next.js · React · TypeScript · Tailwind CSS · Framer Motion · React Three Fiber

Overview

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.

What we did

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.

Key decisions — and why

  • 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.

The build

Lumière — the delivered websites build
Lumière as deliveredsee it live(opens in a new tab)

Built with

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • React Three Fiber

The outcome

  • 6-page responsive salon and spa website used as a live sales demo for beauty clients
  • 10 years on CG Road and 4.9-star guest rating featured to build instant trust
  • 40k+ 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

Want something like this?

We can build your version of this in days.

Tell us the problem in a sentence and we'll come back with a fixed scope, a fixed price and a date — usually the same day.