Premium E-Commerce Website — Dark Mode UI/UX Design

Posted Apr 13, 2026

ÉLIXIR is a concept UI/UX project for a premium e-commerce brand selling single-origin coffee capsules and botanical elixirs. The design follows a dark luxury aesthetic with vibrant purple/pink/blue gradients, combining Cormorant Garamond serif with Inter sans-serif for a sophisticated visual identity. Key highlights: animated preloader, custom cursor, scroll-triggered GSAP animations, traveling product effect, parallax, magnetic buttons, 3D tilt cards, AI-powered chat widget, persistent cart, product filtering & sorting, 3-step checkout with validation, and full mobile responsiveness. Stack: Figma · HTML5 · CSS3 · JavaScript · GSAP · Lenis