Overview
Dead Luxe is a self-directed demo project exploring how narrative-driven, mortality-inspired branding can intersect with luxury e-commerce. The goal was to create a platform that felt less like a typical shop and more like a time-worn atelier brought to digital life, where browsing products feels like unearthing artifacts rather than scrolling through a catalog.
Client: Self-Directed Demo Project
Industry: Luxury Fashion & Conceptual E-Commerce
Role: Designer & Developer
Timeline: 2 Weeks
Tech Stack: HTML5, CSS3, Vanilla JavaScript, LocalStorage, SVG Branding, Custom Photography
Objectives
- Evoke the atmosphere of memento mori and patina through restrained digital design.
- Transform product exploration into a narrative, archaeological discovery.
- Build credibility with fashion-forward clients by pairing sophistication with restraint.
- Seamlessly integrate custom cart and gallery systems without sacrificing performance or accessibility.
Process
Research & Discovery
Studied mourning attire history, memento mori traditions, and luxury shopping behaviors. Identified storytelling, texture, and restraint as the core design pillars to distinguish Dead Luxe from conventional fashion e-commerce.
Visual Language & Brand System
Typography: Playfair Display (heritage luxury) + Montserrat (modern clarity). Logo: Scalable SVG for precision and timelessness. Palette & Texture: Desaturated tones, subtle patina, and cinematic photography to evoke timeworn elegance.
Technical Implementation & Animation
Custom cart persisted via LocalStorage, a horizontal lookbook for narrative-first exploration, cinematic animations, and optimizations focused on fast LCP and accessible markup.
Outcome
- Performance: 95 Lighthouse Performance Score (desktop), 0.9s Largest Contentful Paint.
- Accessibility: 97 Lighthouse Accessibility Score (WCAG 2.1 AA compliant).
- Experience: SPA-like flow with stateful cart and seamless navigation.
- Narrative Integration: Product pages read like poetic obituaries, positioning the brand as both philosophical and stylish.
Key Metrics & Impact
- Custom Cart System — Persistent cart with dynamic quantity management and cinematic confirmation overlays.
- Horizontal Lookbook Gallery — Narrative-driven horizontal scroll for editorial discovery.
- Narrative Product Presentation — Product copy as “obituaries,” with hover interactions revealing details.
- Philosophical Journal/Manifesto — Brand-building content elevating Dead Luxe beyond commerce.