The hero section on the live demo looks really sharp, and the Audio and Wearables category cards are a clean way to organize the catalog. Building this in plain HTML, CSS and JavaScript makes it all the more impressive. Did you hand-roll the cart logic too?
Yes, I built the cart interactions in JavaScript too, including product selection and the demo checkout flow. The payment and order processing backend isn't connected yet. Appreciate you checking it out
Good question! The cart resets when the page is refreshed, so it doesn't currently save the cart between sessions. It's a front end demo, and persistent storage and backend integration would be the next step.
Designing a fragrance website with 2 sections that feels as premium as the product.
Built a fragrance experience where the product takes center stage.
I wanted the website to feel as refined as the fragrances themselves minimal layout, strong typography, immersive product visuals, and subtle interactions that make exploring each scent feel premium.
The goal wasn’t to fill the page with elements, but to give every product enough space to create its own presence.
Built with Next.js, with a focus on responsive design, smooth interactions, and a polished browsing experience.
The product imagery is doing most of the work here. Did you use art-directed mobile crops, or keep one image with a different object position? That can preserve label detail without loading the full desktop asset.