04 of 13
Verre
An online store for a design house that refused to look like a store. Gallery-grade commerce that still converts.
- Year
- 2025
- Disciplines
- Web Development
- Platform
- Web
- Brief
- Sample client
01Context
Verre sells objects people covet, and the old shop flattened them into a grid of thumbnails. We rebuilt the storefront to feel like the showroom.
02Problem
Beautiful and fast usually fight. We wanted full-bleed imagery and buttery motion without the store crawling on mobile data.
- Editorial layouts that still sell
- Sub-two-second loads on mobile
- A checkout that never breaks the spell
- A CMS the client can actually run
03Strategy
We treated the product page like a spread in a magazine, then engineered relentlessly to keep it light.
- Headless commerce, static-first delivery
- Image pipeline tuned per breakpoint
- A restrained motion layer, GPU-friendly
- A headless CMS mapped to their language
04Design
05Engineering
Headless commerce: Nuxt 3 renders the storefront at the edge on Cloudflare Workers, pulling catalogue and checkout from the Shopify Storefront GraphQL API, with Pinia managing cart state optimistically.
- GraphQL persisted queries, cache-tagged per product
- Optimistic cart with server reconciliation
- Core Web Vitals green across the catalogue
Also considered. A custom Laravel commerce stack — Shopify's checkout conversion and PCI scope made headless the smarter trade.
06Details
The mechanism underneath, as a working model. Press the buttons.
lab / performance / edge-rendered commerce
Storefront rendered on Cloudflare Workers with persisted GraphQL queries, so pages are assembled close to the shopper instead of at one distant origin.
Loading the model
Figures inside a model are simulated to show how the mechanism behaves. They are not production measurements.
07What shipped
7 modules are in the build below. Each one works.
- 01Categories, search and sort
- 02Quick view with variants
- 03Saved items and recently viewed
- 04Cart drawer with promo codes and shipping rules
- 05Full product pages with variants and reviews
- 06Four-step checkout that creates orders
- 07Account: orders, tracking, returns, invoices, addresses, gift cards
08Technology
This is the kind of work we do under Websites & Web Apps.
Now use it.
This is Verre, the whole application. Continue as the sample user, change things, reload. Your data stays in this browser and resets from Settings, then Data.
A full application, not a recording. Sign in as the sample user; your data stays in this browser.
