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

Besnard

Classic menswear with a tailor's restraint.

A Shopify store for a classic menswear label — editorial photography, ready-to-wear and made-to-measure, and a journal.

Besnard — homepage → product pageLive
Industry
Menswear
Service
Store Development

01The brief

Classic clothing sells on quiet confidence. The store had to feel like walking into the shop — and still make sizing and fit clear online.

02What we did

01

Warm, consistent photography and a serif-led type system give the whole store one tailored voice.

02

Product pages carry the details a tailor would tell you: fit, fabric, composition, buttons and where it was made.

03What's inside

  • Editorial homepage
  • Ready-to-wear & made-to-measure
  • Product grid on one consistent backdrop
  • Journal & lookbooks
  • Fit, fabric & origin details
  • “Shown here with” pairings

Every screen

Designed for the phone first. Perfect on the laptop.

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

Besnard on a phone

Under the hood

From structure to store.

Drag across Besnard'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.

Besnard — finished designBesnard — 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

It opens on “Flannel Trousers — back in stock” in close-up, then categories, a grid of looks on a warm backdrop, the flagship store and made-to-measure, stories from the journal and a newsletter sign-up.

  • Close-up editorial hero
  • Looks on one consistent backdrop
  • Flagship store and made-to-measure
Besnard — homepage
Besnard full homepage

0202

Product page

The Oxford shirt page pairs eight images with colour, size and fit, a model-size note, fabric composition, buttons and origin, then “Shown here with” pairings and further suggestions.

  • Model-size note beside the sizes
  • Fabric, buttons and origin listed
  • Shop-the-look pairings
Besnard — product page
Besnard Oxford shirt product page

Design system

The system behind Besnard.

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

Headings

Aa

adobe garamond pro

Body

Aa

brandon grotesque

Main button

Add to cart

#161718 · radius 0px

In pictures

Every screen, up close.

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

Besnard full homepage
BBesnardMenswear1/4
The live store — scrolling top to bottom

4 pictures · tap to move

Next project

Gravix

Beauty gadgets, sold on the detail.

Gravix homepage