E-commerce05 of 16
The Chocolatière
An online store for The Chocolatière's Kunafa Dubai Chocolate and gift boxes, in bright beige and gold, with checkout on the website only.
ClientTC Chocolates · Dubai
My roleUI/UX design & Next.js development
Year2026
StackNext.js, TypeScript, Tailwind, GSAP, Zustand
✦ The brief
Challenge
The client wanted one brand front and centre, a bright gifting-friendly look instead of a dark theme, and every order placed on the website rather than over WhatsApp.
✦ What I built
Design, front end, back end and launch.
Design
- Bright beige and gold palette, dark text for readability, bold navigation
- Logo vectorised to SVG from the client's artwork
- Layout kept from the approved design, refined from client feedback
Frontend
- Next.js 16 + TypeScript + Tailwind, exported as a fast static site
- Product catalogue, categories and copy driven by JSON
- GSAP scroll motion, smooth scrolling and a video hero
Commerce logic
- Persistent bag that survives refreshes
- Checkout with order numbers, cash or card on delivery and a confirmation screen
- Order hook ready to post every order to an API, webhook or form service
Launch
- Static export that deploys to any host; every round verified in a production build
Inside the design
15Products
24Static pages
0WhatsApp orders needed
Detroit's Domicile