← All case studies

Case Study

Wardrobe X

3D commerce rebuild focused on engagement, runtime performance, and catalog-scale UX.

Role: Lead Front-End Engineer

TypeScriptReact 19Next.js 15Three.jsAWS AmplifyIPFSSmart Contracts

Challenge

Preserve an immersive 3D shopping identity while improving load behavior, navigation speed, and large-catalog browsing performance.

Constraints

  • Complex 3D interaction layer had to remain central to product identity.
  • Catalog size ranged from 1k to 10k products under mobile performance constraints.
  • Migration needed to avoid downtime while replacing routing and loading behavior.

Architecture

  • Moved platform routing to Next.js App Router with dynamic import boundaries.
  • Split interactive closet surfaces from product-feed virtualization paths.
  • Used edge-aware rendering and data-loading patterns for faster first response.

Execution

  • Reworked closet scene interactions with custom PBR shader behavior.
  • Implemented React-Window virtualization for high-cardinality product grids.
  • Validated lighthouse and CLS targets during rollout across device classes.

Outcomes

  • Improved first-byte latency and perceived load responsiveness.
  • Sustained immersive 3D UX while scaling catalog browsing.
  • Maintained CLS below 0.1 on mobile for key commerce surfaces.