SYBcreate
SYBcreate
All work

04 / Web / Retail / 2026

Modish

A Nike sneaker and apparel shop. The order is tried on at the door and paid for afterwards.

Industry

Apparel and footwear

Year

2026

Scope

Concept, design system, storefront, checkout

Platform

Desktop interface

About the project

Try it on first,
pay afterwards.

The problem

Sneakers are bought by size, and every pair sizes differently: one model fits true, the next runs half a size small. What stops a buyer is not the price but the thought that it might not fit, and only trying the pair on before paying will settle that. The shop is built on exactly this: the order is tried on at delivery, paid for after, and part of it can be turned down. That leaves the interface to show what is in stock, let someone pick a size and get them to the cart without extra steps.

How it was built

From the storefront
to the payment.

01

Structure

The catalogue is split into three sections — footwear, apparel, accessories. Each opens straight from the header, without going through the others. Above the header is a black bar with the delivery and fitting terms: what you need to know about the shop right away, and it stays put as the page scrolls.

02

Storefront

The first screen holds one pair, large: the line, the headline and two buttons — to the catalogue or straight to footwear. On the right, the month’s model runs the full height of the block, with its name and line on the cover. Below are the section tiles, so any of them can be reached from the first screen.

03

Filtering

The filter column stands on the left and does not hide in a drawer: a wide screen has room for it, and a hidden filter rarely gets found. Under the heading is a count — “6 of 15 items” — because without it a short result looks like an empty shop.

04

Product card

The badge on the cover gives the main thing before the click: custom, new, discount. The old price stands next to the new one. The button says “Choose a size” rather than “Add to cart”, because the size has to be chosen anyway.

05

Cart

Checkout runs in three steps, with a bar at the top showing how much is left. The total sits on the right and does not scroll away; the promo code field is kept apart from the sum. Under the button it says that payment happens after the fitting — the term is in plain view, not in small print at the bottom.

06

Black and white

The interface uses two colours and one step of grey between them. The colour on the pages comes from the goods: the sneakers are bright, and a brand colour next to them would be one thing too many. The cards, chips, buttons and badges are the same across every section.

Logo

A word with no gaps
and a full stop.

The mark is the name itself, set with tight negative tracking: the letters nearly touch, so the word reads as a whole rather than letter by letter. The full stop at the end is grey — the only second tone in the mark.

Modish logo
Interface

Four screens,
from shelf to order.

The buyer’s path

The front page shows what the shop has; the catalogue, how to choose; accessories, how the same catalogue works with different goods; the cart, how an order is placed.