PROJECT NOTES
PublishedVelvet 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

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
A CLOSER LOOK
Inside the experience.
Select a screenshot to see the 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