A botanical skincare storefront, built before the brief
Why this exists
No client commissioned this one. We kept meeting D2C beauty founders whose sites
were the same theme with a different logo, and we wanted to show what the category
could look like instead of describing it in a call. It is a concept for a fictional
brand — the products, prices and claims are illustrative, and the photography is
licensed stock standing in for a real shoot.
The problem in the category
Skincare sites lean on the same three moves: a hero image, a four-product grid,
and an ingredient list nobody can verify. Buyers arrive with a specific concern —
dullness, hairfall, monsoon breakouts — and are handed a catalogue instead of an
answer. On mobile, where most of the traffic is, navigation and the buy action are
usually the first things to break.
What we built
- Shop by concern alongside shop by category, so a buyer with a problem lands on a shortlist, not a catalogue
- Full ingredient disclosure with percentages, plus a batch number on the cap that opens that batch's lab report
- A refill path built into the product model rather than bolted on as a promotion
- Product bottles rendered as vector artwork, so the design holds up before the client's photography exists — and swaps out cleanly when it arrives
- Mobile drawer navigation and a persistent buy bar, because the mobile session is the sale
- An image system with fixed aspect ratios and lazy loading, so a real shoot drops in without reflowing a single section
ConceptSelf-initiated, not a client build
Mobile-firstDrawer nav + sticky buy bar
Drop-inReady for real product shots
Design systemSVG product rendering
Responsive buildCore Web Vitals
Shopify / headless ready
View the live concept