Hair Color Try On and Salon Brief
Design a camera preview that compares hair color options and turns a chosen look into a realistic salon consultation brief.
The brief
Understand the problem
Background
Digital color previews are affected by lighting, camera quality, current hair color, texture, and previous treatments. A convincing image should not be presented as a guaranteed salon result.
User context
Keisha is considering a copper color for a graduation event. Her hair was previously dyed dark, and she wants to understand maintenance and consult a colorist before booking.
Product problem
The product must guide a useful photo, show several realistic variations, communicate preview limits, and preserve sensitive images only with clear consent.
Objective
Create photo setup, shade comparison, result education, and salon consultation handoff.
What to design
Define the experience
Required experience
- Camera and privacy setup
- Color preview comparison
- Shade and maintenance detail
- Salon consultation request
Screens and states
- Photo guidance
- Try-on editor
- Side-by-side comparison
- Color brief
- Salon booking
Core user flow
Follow the critical path
- 01
Keisha takes a photo in neutral light
- 02
She compares three copper shades
- 03
She reviews how prior color may affect the result
- 04
She sends one preview and treatment history to a verified salon
Product rules
Requirements and constraints
Requirements
- Support diverse hair textures and protective styles
- State that previews are approximate
- Allow image deletion and local-only mode
- Show shade name and maintenance expectations
- Require consent before sharing with a salon
Constraints
- Camera color is unreliable
- The preview cannot assess hair condition
- Past chemical treatment affects feasibility
- Salon pricing requires consultation
Reality check
States worth considering
Ready-to-use content
Mock data
Use this content to test hierarchy and realistic data states. You can expand it when the concept needs more depth.
Saved color brief
- Preferred shade: warm copper 7.4
- Current color: dark brown
- Previous permanent dye: 8 months ago
- Event date: 22 November
- Preview photo sharing: salon only
Finish line
What to deliver
- Five mobile screens
- A comparison and disclaimer treatment that preserves creative exploration
If you want more
Optional extensions
Optional direction
Visual resources
Use these as a starting constraint if you want one. They are not part of the required solution.