E-COMMERCE3 Weeks

LUMÉA

MAISON DE SKINCARE

ROLE & SCOPEDigital Direction, UI/UX Design, Front-End Engineering & Motion
TIMELINE3 Weeks
PLATFORME-COMMERCE
STATUS LIVE IN ARCHIVE

THE CHALLENGE

Luxury beauty e-commerce often suffers from generic, template-driven product grids that strip high-end formulations of their tactile craftsmanship and bespoke prestige.

THE APPROACH

We engineered an asymmetrical editorial layout inspired by high-fashion print magazines, combining Cormorant Garamond display typography, ivory/rose palettes, and fluid kinetic momentum.

THE DESIGN

Curated palette of Cream (#FAF7F1), Ivory (#F3EDE2), Linen, and Rose Blush. Generous editorial whitespace pairs with bespoke typography pairings to evoke sensorial luxury.

THE EXPERIENCE

Lenis-powered momentum scrolling, interactive ingredients ledger, staggered letter preloaders, and an instant slide-out shopping bag drawer engineered with pure React Context.

THE TECHNOLOGY

Next.js 16 (App Router)✓
React 19✓
Tailwind CSS v4✓
Lenis Kinetic Scroll✓
TypeScript✓
Context API Drawer✓

WHAT WAS DELIVERED

✦Interactive Storefront
✦Micro-Animation Engine
✦Shopping Bag Drawer
✦Editorial Typography System

EXPERIENCE LUMÉA DIRECTLY.

Test the full build inside our embedded viewport player.