Skip to content
Free 30-min callBook now
Talk to us — 30 min, freeBook now
WhatsAppBook a callGet a quote

Asphalte

Fewer clothes, better quality — told in pictures.

A Shopify store for a French menswear brand that makes its clothes on pre-order — a photography-led homepage and collections.

Asphalte — homepage → product pageLive
Industry
Menswear
Market
France
Service
Store Development

01The brief

A brand built on doing less, better. The store had to let the photography carry it, and make pre-order buying feel natural.

02What we did

01

Almost no copy on the homepage — one strong image after another, each one a door into the shop.

02

Collections keep one product per tile with its colours and pre-order price, so browsing stays visual.

03What's inside

  • Full-bleed campaign homepage
  • Range tiles into the shop
  • Best-sellers collection with swatches
  • Pre-order & in-stock pricing
  • Guarantee strip

Every screen

Designed for the phone first. Perfect on the laptop.

Most shoppers arrive on a phone. Asphalte was built for both — the real pages, playing right now. On a computer, move your mouse over them.

Asphalte on a phone

Under the hood

From structure to store.

Drag across Asphalte's first screen: an X-ray of its layout on one side, the finished design on the other. Great stores are built on a grid you never notice.

Asphalte — finished designAsphalte — layout X-rayStructureFinal design

Page by page

The store, page by page.

The real designs, exactly as shoppers see them. Keep scrolling — the page moves with you.

0102

Homepage

“The Woolpure® Range” over a mountain landscape, then image tiles into the e-shop, Woolpure, denim, best sellers and what's coming up — closed by the money-back guarantee, free returns and secure payment.

  • Image tiles instead of menus
  • Range launches as full-screen campaigns
  • Guarantees in one strip
Asphalte — homepage
Asphalte full homepage

0202

Collection page

The best-sellers collection keeps to large photography, one product per tile, with colour swatches and the pre-order price under each, and category links across the top.

  • Large photography, one product per tile
  • Colour swatches under every product
  • Pre-order pricing shown up front
Asphalte — collection page
Asphalte best-sellers collection page

Design system

The system behind Asphalte.

Colours and typefaces read straight from the live store's stylesheet — one system, applied everywhere. Click a colour to copy it.

Headings

Aa

two cents

Body

Aa

Asphalt Extra Condensed

Main button

Preorder

#ffc73c · radius 0px

In pictures

Every screen, up close.

Tap through the store like a story — or open any picture full screen.

Asphalte full homepage
AAsphalteMenswear1/4
The live store — scrolling top to bottom

4 pictures · tap to move

Next project

Vayrox

A pain-relief device, sold on the science.

Vayrox homepage