SYKAMEDIA

AboutServicesPortfolioTestimonialsBlogContact
Back to Portfolio

Web UI/UX

THE EDIT

View Live Site
THE EDIT

Overview

A luxury fragrance e-commerce experience for THE EDIT, presenting signature scents like NOIR SUPRÊME and SANTAL BRUME through detailed scent profiles and an interactive discovery quiz that matches buyers to a fragrance by mood and environment.

The Challenge & Solution

Fragrance is the hardest thing to sell online because customers cannot smell it. We replaced guesswork with a guided scent-discovery quiz and tactile 3D product presentation, so buyers feel confident enough to commit to a scent unseen.

Architecture

A Next.js 16 and React 19 application with real-time 3D rendering powered by Three.js, React Three Fiber, and Drei, bringing product presentation closer to a physical boutique.

Telemetry & Outcomes

Framer Motion choreographs the interface, Tailwind CSS drives the styling system, and Zustand manages interactive state across the quiz and catalog.

Tech Stack

Next.jsThree.jsReact Three FiberTailwind CSSZustand

Key Metrics

8
Signature Scents
Scent Quiz
Discovery
Real-Time 3D
Presentation
Boutique-Grade
Experience