Project 04UX/UI
A digital experience to discover, diagnose and book hair color.
A proposal for Daniela Becerra, a hair color specialist at Artelier at Mikolaj (Beverly Hills): bring her consultation expertise to the first click and guide every client from inspiration to booking.
- Year
- 2026
- Disciplines
- UX/UI · Digital · Strategy · Product
- Status
- Strategic proposal and interactive prototype
Live — Explore it yourself.
01
The challenge
Daniela already had the hardest part: knowledge, experience, authority and a premium space. But a client's digital journey kept falling apart: she sees a Reel, likes a color, has doubts, doesn't know which service she needs, sends a message, waits, compares… and never books.
02
The idea
What if the website could understand each client? Let her experience Daniela's judgment before she ever sits in the chair: discover, understand, diagnose, get a recommendation and book.
03
The strategy
A five-moment journey — discover, diagnose, personalize, book and maintain — where each stage removes a specific friction point. At its core is the Color ID: a named color, the service to achieve it and what it takes to maintain it.
04
The build
We designed the full experience and presented it as a 20-section interactive proposal with working prototypes: the 7-question diagnosis, the Color ID, the color library, booking with the diagnosis attached, the product routine and each client's Hair Journey.
The pieces of the system, one by one.
Find Your Color
The front door that invites each client to discover her color.
Interactive diagnosis
Seven guided, visual questions, in the order Daniela would ask them in a consultation.
Color ID
A personal result: a named color, the recommended service and maintenance.
Color library
Every color explains what it is, what it involves and how to get it.
Booking with context
From Color ID to appointment request, with the diagnosis already attached.
Product routine
The right care for each color, ready for repurchase.
Hair Journey
Each client's space: her color, her history and her next appointment.
Color Concierge
Phase 2: a 24/7 guide built on answers Daniela approves.
How it works
- 01Discover
- 02Diagnose
- 03Personalize
- 04Book
- 05Maintain
Gallery
05
The result
Strategic proposal and interactive prototype.
Results are being documented. This section will be published with verified data.
Services
- Digital strategy
- Customer journey
- UX/UI design
- Interactive prototypes
- Premium presentation
Technology
- HTML
- CSS
- JavaScript
- Prototipos interactivos
Something like this?
Next project
Projects 545
Our own digital infrastructure and creative studio.