Case study · Paris · Live

The Muuls

Paris boot label. One product, ninety numbered pairs. A single-page storefront that reads the real Shopify stock count and puts the boot at the centre of the page.

Visit the live site Start a project
ClientThe Muuls
ScopeDesign · Build · Commerce · Deploy
CommerceShopify Storefront API
StatusLive
01

The brief

  • One boot, the Kuru. Two colourways: Noir and Tobacco.
  • First release: ninety pairs, each numbered.
  • No catalogue, no categories, no choice to offer.

A grid of products is built for choice. One product in a template designed for two hundred reads as a shop that failed, not a release that is deliberately small. The scarcity had to be the structure of the page, not a badge on it.

02

What we did

One page, not a catalogue

One scrolling page, no navigation. The scroll order is the sales argument.

Live stock, not a fake counter

A "pairs remaining" bar wired to real Shopify inventory, not typed in by hand.

A 240-frame product animation

240 frames on a canvas, driven by scroll. A turntable without a 3D engine.

The numbering, made visible

A serial block counts down from 090 to 001, so ninety reads as a real number.

03

How it is built

  • Static front end, no framework, served from a CDN.
  • Shopify for products, inventory, checkout and orders, through the Storefront API.
  • Self-hosted typeface, security headers at the edge, continuous deployment.

The client keeps a normal Shopify admin to run the business from.

04

Where it landed

  • Live at themuuls.com.
  • Stock counter running against real Shopify inventory.
  • Design, front-end code, commerce integration, security and deployment: this studio.

Tell us what you are releasing, or see Junky Solutions, which went the opposite direction entirely.

Book a meeting All web design work
Book a meeting