The selected hero provides Shop by Concern and Find My Routine entry points.
EcommerceDesktop prototype
Dermalogics
Organise the choice before asking for the purchase.
Historical design concept. Proposed endorsement and product claims shown in these screens were not verified.
01 / THE CONTEXT
START WITH
THE PERSON.
A desktop commerce prototype exploring concern-led product discovery and routine-based merchandising for a skincare and hair-care catalogue.
A catalogue organised only by product can leave visitors unsure where to begin. The concept explores ways to support discovery through a shopper’s intended routine.
02 / SOURCE OBSERVATIONS
WHAT SHAPED THE WORK.
A separate routine-bundle section groups products into a merchandising story.
The original prototype includes proposed commercial and product language that requires separate verification.
03 / DESIGN DECISIONS
Offer a useful starting point.
Use concern-led navigation alongside a routine route to help visitors choose how to explore the catalogue.
Explain the grouping.
Give routine bundles their own visual space so related products can be understood together.
Use a calm hierarchy.
Pair generous spacing, a restrained teal palette and clear actions to keep the interface focused on exploration.
04 / THE WORK
A closer look.
Original project screens. Any prices, offers or commercial statements shown are part of the historical design artifact.
05 / DELIVERED & LEARNED
THE OUTCOME.
IN CONTEXT.
What was delivered
Delivered a desktop design prototype with concern-led and routine-based merchandising. Endorsement, efficacy and product claims appearing in the historical design are not verified by this portfolio. No production launch or conversion lift is established.
What to validate next
Validate product categorisation and all product claims with the brand before build, then test whether visitors can find the relevant product information without confusion.
A SIMILAR CHALLENGE?
Let’s talk about yours.
NEXT PROJECT