Back to All Work
E-commerceClient: Lumen Objects CopenhagenYear: 2024

Lumen Architectural Storefront

A bespoke headless commerce experience blending Scandinavian editorial photography with an interactive 3D luminaire customizer and instant checkout.

Lumen Architectural Storefront
My Role
Art Director & Full-Stack Developer
Timeline
4 Months (2024)
Core Stack
Next.js, TypeScript
Deployment
Production Active

Measurable Outcomes

+48%
Checkout Conversion
4m 12s
Session Duration
99 / 100
Mobile Performance

The Challenge

Showcasing intricate glass and brass finishes realistically without heavy page load penalties on mobile shoppers.

The Architectural Approach

Crafted an editorial storytelling flow with progressive WebGL model streaming, ambient occlusion, and micro-interactions.

Lumen Architectural Storefront interface architecture

Design Direction & Typography System

Warm alabaster surfaces, refined serif typography paired with technical monospace specifications.

Development & Engineering Details

Next.js dynamic caching, edge middleware geo-pricing, and seamless headless checkout.

Delivered Capabilities

Real-time material and finish switch with dynamic lighting reflection
Instant sub-second bag drawer with localized currency conversion
Architectural spec sheet PDF auto-generator for interior designers

Technologies Deployed

Next.jsTypeScriptTailwind CSSShopify Storefront APIThree.jsStripe