Lumière Shop is a luxury fashion e-commerce platform built for a boutique brand looking to move beyond Shopify and own their entire digital experience. The platform features editorial-style product pages, animated page transitions, a custom Stripe checkout flow, and a powerful admin panel for inventory, orders, and content management.
The client wanted an experience that felt more like entering a high-end boutique than browsing a commodity marketplace. Every micro-interaction was considered: from how products are revealed during scroll to how the cart drawer slides in and out.
The primary challenge was achieving consistent performance despite the richness of the visual design. I used Next.js ISR (Incremental Static Regeneration) to pre-render product pages, achieving sub-100ms TTFB on CDN-cached routes while keeping inventory data fresh. Image-heavy pages were optimised using next/image with blur placeholders and WebP conversion.
Integrating Stripe with a custom checkout required building a full backend order lifecycle — from cart creation, promo code validation, address verification, and payment intent confirmation to post-purchase email flows via Resend and webhook-based order fulfilment triggers.
The platform delivers editorial product pages with immersive scroll animations, a persisted cart with guest and authenticated sessions, Stripe Elements checkout with Apple Pay / Google Pay, size guides, product filtering and search, wishlists, order tracking, a rich CMS-based admin panel, and automated email notifications.