Illusion Liquide is a luxury fragrance maison. This site was designed and built as a proposal to redesign their online presence, an interactive, editorial-style showcase built around their Maison Collection. The project was ultimately not commissioned by the client, and stands as a complete, functioning concept demonstrating what their brand could look like online.

Full design and development, solo.

The design leans into the brand's luxury identity through editorial typography, including a serif display face for product names like “Trudon Elae”, a dark textured background, and warm gold accents that read as premium rather than trend-driven.

Rather than a static hero image, the centerpiece is an interactive 3D perfume bottle visitors can rotate and explore, a direct, tactile way to present the product as the hero of the page. Navigation stays minimal, Home, Boutique, Products, and Location, keeping focus on the product story and 2 clear paths forward: “Discover Collection” or “Visit Boutique.”

React 19, TypeScript & Vite: Core frontend framework and build tooling.

Tailwind CSS v4: Powers all custom, responsive styling and layout.

Lucide React: Icon system used throughout, including the Instagram link.

Framer Motion: Drives page transitions, fade effects, and mobile-menu animation.

Three.js, React Three Fiber & Drei: Powers the fully rotatable interactive 3D perfume bottle on the homepage, along with lighting and camera controls.

This is an uncommissioned redesign proposal created to demonstrate interactive web design, 3D product presentation, motion, and frontend development. It is not presented as commissioned client work.