Ourlet — Custom Shopify Theme for a Paris Fashion Label

Concept project. Ourlet is a fictional Paris label: eighteen basics, cut in its own pattern room and kept in the range season after season. I designed the brand and every page in Figma, then built it as a custom Shopify theme on Dawn.

The brief was a fashion store that still feels like a brand, while doing the hard merchandising work: filtering 300 variants, colour and size, fit you can trust, and selling abroad in three currencies and two languages.

Every garment is a pattern number, Patron 001 to 018, and every page is drafted like a pattern sheet: hem lines, notches, size tickets.

The flash: cards cut straight to the on-body shot on hover, with a stitched hem under the name

Card to product: a View Transition carries the image into the gallery

Lookbook chapters: openers revealed like a hem being let down

Nothing is hard-coded. The client edits everything in Shopify admin, and every section works in the theme editor.

Product metafields: pattern number, fit, fit note, model height and size, fabric, size chart, "Complete the look"

Metaobjects: fabrics, size charts, lookbook chapters with hotspots, stores, free-shipping thresholds

Linked options: colour swatches from Shopify's colour metaobject, one gallery per colour

Filters: Search & Discovery, AJAX updates, URL state, 2/4/6 grid density, an editorial tile in the grid

Product page: per-colour gallery, low-stock and sold-out sizes, fit scale, size guide drawer, sticky buy bar

Lookbook: hotspots that open a panel to add the whole look in one request

Markets: EUR, GBP and USD price lists, French and English

Cart drawer: free-delivery bar per currency, gift wrap with a note

Brand: guidelines in 10 frames (logo, colour, type, spacing, components, imagery, motion, voice)

Design system: Figma variables with desktop, tablet and mobile modes, plus 19 components and 12 icons

Pages: 8 pages and 15 states (cart, menus, filters, search, size guide, quick add) at 1440, 834 and 390 px

Shopify theme: custom sections on Dawn with Liquid, metafields, metaobjects and Markets (EUR, GBP, USD in French and English)

Tools: Figma · Shopify · Liquid · JavaScript · CSS

Live storefront: ourlet-gizll9z3.myshopify.com (password: ourlet)