Problem
A beauty-service site needs to build trust before asking for a booking. The interface has to explain procedures, safety, team credibility and price without losing the studio's visual character.
Case study 032026
Kukhta Studio / Responsive Service Website
Complete Figma source shown as three dedicated responsive compositions: 1440, 640 and 320 px.
View project↗Kukhta Studio
- Case type
- Responsive service website design
- Role
- UI/UX Designer
- Period
- 2026
- Status
- Complete responsive Figma design
01
Problem and solution
Solution
A conversion-focused service website that combines restrained beauty editorial design with a clear route from procedure discovery to appointment.
My role
UI/UX DesignerStructured the page around service discovery, trust proof, pricing and a repeated booking route.
02
Research
Trust analysis in a service journey
A beauty service needs more than aesthetics. I mapped the booking journey around questions about the procedure, safety, specialist, price and expected outcome.
A booking call-to-action works after proof, not instead of it.
The final-design section contains separate desktop, tablet and mobile frames rather than scaled duplicates.
The service journey includes proposition, procedures, studio proof, benefits, price, reviews, location and contact routes.
The desktop source frame is 1440 × 6077 px, with dedicated 640 × 5075 px and 320 × 4674 px adaptations.
All portfolio imagery is exported directly from the provided Figma frames.
03
Information architecture
Service-selection flow
Each section answers a specific pre-booking concern and prepares the next step.
- 01Choose a procedure→
- 02Expected outcome→
- 03Safety and specialist→
- 04Price→
- 05Booking
Kukhta Studio
- 01
Structured the page around service discovery, trust proof, pricing and a repeated booking route.
- 02
Built an editorial visual language from typography, photography and restrained ornamental graphics.
- 03
Recomposed the page for tablet and mobile instead of mechanically shrinking the desktop layout.
04
Visual concept
The project's character becomes its own presentation system
The mockup does not disguise the interface: environment, colour, scale and medium extend the logic of the project itself.
- 01
Editorial softness without salon clichés
- 02
Clear service cards
- 03
A dedicated composition for every breakpoint
05
Design and system behaviour
Not a gallery of pictures, but a sequence of states
Each visual is tied to a journey stage and demonstrates a distinct part of the solution.
06
Validation and outcome
Result and system scope
Complete Figma source shown as three dedicated responsive compositions: 1440, 640 and 320 px.
What can be verified
- 01
Provided source: Permanent Figma file, final-design section 692:1120.
- 02
The section exposes dedicated 1440, 640 and 320 px frames.
- 03
The case uses direct Figma exports of those frames.
Role boundaries
Independent design project · Role: UI/UX DesignerStudio identity, service claims, prices and photography remain with the project owner.
The case documents interface and responsive-design work, not authorship of beauty services or photography.
Outcome
A conversion-focused service website that combines restrained beauty editorial design with a clear route from procedure discovery to appointment.
Open verified source ↗Discuss a related project
Need a website, product interface or automation system?
Send the current surface, goal and constraints. I will propose a route from diagnosis to a verifiable release.
Discuss a related project↗