Supreo

Self-initiated concept project. Supreo is a fictional label: the storefront is a working website, but its products, prices and photographs are illustrative, and nothing is for sale.

WebsiteEcommerce

Ecommerce website and lookbook for a contemporary clothing label.

A model in an ivory shirt, black tailored trousers and loafers, seated on a walnut chair against a warm taupe studio wall.

Concept brief: Supreo
Project type: Self-initiated concept
Disciplines: Website, Ecommerce
Scope: Ecommerce website, Art direction, Copywriting, Front-end development

Overview

A concept ecommerce website for a contemporary clothing label, built around natural fibres, an easy fit and a quieter way to shop.

The brief imagines Supreo, a label that makes fewer things and makes them properly: shirts, trousers, tees and knitwear in linen, wool and organic cotton. Its first collection, Collection 01 for Autumn / Winter 2026, is four pieces, so the website has to make a small range feel considered rather than sparse.

We designed and built the storefront: a home page, shop, new arrivals and collection pages, product pages with sizes, fit notes and care, a lookbook, an about page and a shopping bag, joined by page transitions. The voice stays as plain as the clothes: the everyday, considered.

Art direction

One walnut chair, warm taupe walls and soft afternoon light. The lookbook keeps to ivory, charcoal, navy, oat and olive, so the clothes read as one wardrobe from page to page.

A model standing in a navy overshirt over an oatmeal tee, with olive cargo trousers and brown suede loafers. — (Look 02, a little room for layers)

A model seated on a walnut chair in a navy overshirt, oatmeal tee and olive trousers. — (Look 03, the long way home)

Storefront

Four pieces, so each one gets room: shown whole on the same pale grey, with its colour, price and product code beneath. Every listing filters by category and sorts by price or name.

Ivory long-sleeve button-down Oxford shirt on a pale grey background. — (Daily Oxford, ivory)

Charcoal pleated trousers with straight legs on a pale grey background. — (Pleated Trouser, charcoal)

Build

Built with Next.js, TypeScript and Tailwind CSS. Smooth scrolling runs only for a mouse or trackpad and rests when the page does; touch, keyboard and reduced-motion visitors keep the browser’s own scrolling.