The main message
From a general claim to a distinct identity and a concrete action.
Interactive comparison
The same business. Two experiences.
Compare two original Atelier Noir compositions and explore how hierarchy and navigation change.
Compare structure, not promises
Two original compositions for the same fictional brand. This example illustrates design decisions; it does not compare results or claim a client redesign.
After / identity and journey
ILLUSTRATIVE COMPOSITIONATELIER NOIRBARBER / FICTIONAL CONCEPT
A SIMPLE RITUALStyle takes
its time.
its time.
Choose a service and explore a suitable time in a booking demonstration.
Explore the booking demo (RO)Haircut & stylingVisible service and duration
Beard & contourOptions you can compare
Next stepChoose a day and time in the demo
Fictional brand · existing concept photograph · no real appointments are created
Keyboard: Tab to the selector, then use left/right arrows. The side-by-side view keeps both compositions visible; on a phone they stack vertically.
What changed
Information hierarchy
Services and the next step are closer to the beginning of the experience.
The visitor’s journey
The action explains its destination: a demonstration where service and time can be selected.