Skip to Main Content
E-Commerce2024Drury Demo

Drury Apparel & Editorial Storefront

High-Fashion Luxury E-Commerce & Interactive Editorial Layout

A brutalist editorial e-commerce platform for luxury apparel, combining fluid typography, keyboard-navigable lookbooks, and sub-second checkout flows.

7:1 (AAA)
Contrast Ratio
100% Accessible
Checkout Nav
99 / 100
Performance
drury-demo
Live Demo

THE PROBLEM & COMPLIANCE CHALLENGE

High-fashion editorial layouts frequently sacrifice accessibility for aesthetics, using tiny low-contrast typography and non-standard image maps.

ARCHITECTURAL & ENGINEERING SOLUTION

Engineered a high-contrast editorial grid with WCAG AAA typography, accessible image descriptions, and accessible modal cart drawers.

Accessibility & Technical Breakthroughs

Built 100% keyboard-navigable lookbook, size selector, and checkout drawer.
Guaranteed 7:1 contrast ratio across all high-fashion image hero sections.
Achieved 99/100 Lighthouse performance rating with instant page transitions.

TECHNOLOGIES & ACCESSIBILITY STANDARDS USED

Next.jsReactTypeScriptTailwind CSSGSAPVercel
VoiceOver / NVDA Simulator Active: Select any interactive control