Atelier Noir

Overview

A luxury fragrance storefront for a fictional artisan perfume house — an editorial catalog, scent-pyramid product pages and a guided scent finder, on a dark editorial type system.

My role

Designed and built the whole storefront: the catalog and scent-pyramid PDP, a scent-finder quiz, a Zustand cart and a Zod-validated checkout, on Next.js 16 and React 19 with a Prisma/PostgreSQL and Auth.js backend.

The challenge

Making a fragrance feel tangible on a screen. The work was an editorial product page — scent pyramid, notes and raw materials — plus a quiz that recommends a scent without ever feeling like a form.

Outcome

A production-deployed luxury storefront that carries a premium brand end to end, from catalog and PDP to a validated checkout flow.