E-commerce for a wellness and biohacking brand: shopping by goal, science made clear and a calm path to a subscription.
UX
UI design
E-commerce
Design system
From a symptom to the right formula
E-commerce for a wellness and biohacking brand, designed in Figma: homepage, product page and cart, desktop and mobile.
About the project
Sleep as biology, not magic. The task: a store that earns trust, justifies a premium price and leads people to the right formula on any device.
Principles, tasks, solutions
Visual balance, empathy first, calm commerce, rhythmic flow. Four tasks and four answers: quiet luxury, Shop by goal, transparent science, an adaptive UI system.
Who it is for
Three archetypes of modern rest: the Gen Z student, the silver generation, the urban professional. Space Grotesk for the data, Roboto for the reading.
Colour
Pine teal, bright snow, muted teal, carbon black. A palette curated to instil trust and soothe the nervous system.
Homepage
From emotional discovery to a rational decision: hero, Shop by goal, press, featured collection, a sleep banner with an offer.
Mobile
The same hierarchy stacked for one hand: Shop by goal, hero, featured collection.
Absorption and the formula
From wireframe to final: a capsule in moss with four claims around it, then the ingredients under lab glass.
Trust, voices, answers
The mind behind Luna, ten thousand sleepers, the questions people ask, and the community at the end.
Product page and cart
A product page that sells on clarity, subscription first, and a slide-out cart with the discount and total in view.
