Skip to content

Concept projectLuxury Fashion · E-commerce · 2026

Maison Noir — Editorial luxury fashion

A black, white and gold fashion house that reads like a magazine spread, with a boutique store.

maison-noir-concept.vercel.app
Maison Noir — Desktop

Design idea

An asymmetric 5/6 split hero, an oversized serif headline and a slow Ken Burns cover. Generous whitespace, hairline gold rules and slow reveals present product like art.

Mobile approach

Image comes first, nav simplifies; ‘Add to bag’ is always visible on touch.

Colour palette

  • Noir

    #0B0B0B

  • Paper

    #FAFAF7

  • Gold

    #B8975A

  • Stone

    #E9E4DA

  • Taupe

    #6E6A63

Typography

Cormorant Garamond

Display

Inter

Body

Stack

  • HTML
  • CSS
  • JavaScript
  • Vercel

Scales to Next.js + a CMS for a real build.

Screens

Maison Noir — Full page
Desktop · Full page (1920px)
Maison Noir — Tablet
Tablet · 834px
Maison Noir — Mobile
Mobile · 390px

Key sections

  • Filterable product grid + bag counter
  • Scrolling collection marquee
  • The Edit — capsule wardrobe
  • Atelier: made-to-measure booking

Process

  1. 01

    Brand tone and customer analysis

  2. 02

    Editorial grid and type system

  3. 03

    Product card, filter and cart interactions

  4. 04

    Responsive QA, performance and launch

Target metrics

⚠ Example / projected targets — not real client results.

product-page engagement target (example)
+%25
LCP target (example)
<1,5 sn
conversion-rate target (example)
%3

Next step

Have a project in mind? Let's talk it through.

Tell us what you want to build. We'll reply with questions or a call proposal — and a written proposal after discovery. No obligation.

Cookie preferences
Strictly necessaryRequired for the site to work: e.g. remembering this choice and, for authorised staff only, the admin session. Always on.

Cookie Policy