SkinTone For Glow SkinCare
A skincare brand storefront built around full-bleed product photography: a single-scroll landing experience with collection, ingredient, impact, and review sections feeding one cart.
01 — The Problem
The Problem
A skincare brand needed a storefront that sold on brand feel rather than a product grid. The existing plan was a conventional catalogue page, which buried the ingredient story and the social proof that the buying decision actually rests on.
02 — The Solution
The Solution
Built a single-scroll storefront where the hero is full-bleed imagery with an overlay nav, and the rest of the page is ordered as the buyer reads it: collection, why the brand, impact, ingredients, then reviews. Cart state persists across every section so a product can be added from wherever it is discovered.
03 — Tech Stack
Tech Stack
- Next.js
- TypeScript
- Tailwind CSS
- Framer Motion
04 — Results & Impact
Results & Impact
Delivered a storefront that leads with brand imagery and keeps the ingredient and review sections on the same scroll as the buy action, instead of behind separate pages.
My role Design and frontend implementation of the storefront.