← Work

PROJECT NOTES

Published

Velvet Bloom Studio

Beauty & wellness website concept

A beauty and wellness studio concept with an original interior tour, treatment discovery and a browser-only booking preview.

Project type
Website concept
My contribution
Concept, design & testing
How I guide implementation and testing
The Velvet Bloom Studio beauty concept with a warm interior, large serif heading and a booking-demo action.
ACTUAL APPLICATION / Velvet Bloom Studio

PROJECT AT A GLANCE

The idea and the experience.

Who it is for

Beauty and wellness businesses presenting treatments and their space.

The problem explored

Balance an atmospheric studio introduction with easy treatment discovery and a clear booking path.

What it demonstrates

  • Treatment discovery
  • Visitor-controlled room tour
  • Booking form preview with sample details

THE TECHNOLOGY

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS

Project overview

Velvet Bloom Studio is a fictional beauty and wellness experience. A warm interior, large serif typography and a calm reading rhythm introduce treatments and an interactive studio tour.

The site presents an original brand concept rather than a real salon. Treatments, GBP prices and guest reflections are illustrative.

My contribution

  • Concept: the fictional studio and its treatment-discovery, room-tour and booking-preview experience.
  • Design: the studio's warm visual direction and presentation of its services.
  • Testing: review and testing of the user experience as it developed.

The challenge

Balance an atmospheric studio presentation with clear treatment information, a tour visitors control and an understandable booking preview.

Explore the imagined studio

Three original interior concepts form a manually controlled tour: the welcome, the treatment room and the quiet corner. Visitors choose a room directly or use previous and next controls. Rooms do not advance automatically.

Gentle image movement, bounded parallax and scroll reveals support the atmosphere. Pause and resume controls, reduced-motion styling, native gallery dialogs and responsive navigation keep the experience usable at different widths.

A browser-only booking preview

Selecting a treatment populates the form. Sample details let a reviewer try validation, preview the result and clear the fields without providing personal information. The result states that nothing was sent, saved or booked.

The implementation uses Next.js, React, TypeScript and Tailwind CSS. This portfolio version has no booking endpoint, database or delivery service.

Explore the demo

Choose a room in the studio tour, browse the sample treatments and open the booking preview. Select Fill sample details to try the form with fictional information, then review the preview result.

This is a fictional studio. No appointment is booked, and the demo does not send or store the form entries.

Concept and photography

The images here show the running public demo. Studio interiors are original generated concepts, while treatment photography is illustrative external imagery. They do not depict a real Velvet Bloom location. The live application is linked above; source access remains private.

LET’S TALK ABOUT YOUR PROJECT

Have a similar project
in mind?

Share your idea or existing website. We’ll clarify what you need and whether I’m the right fit.

Discuss a Similar Project