İçeriğe geç

Konsept / Örnek projeLüks Moda · E-ticaret · 2026

Maison Noir — Editoryal lüks moda

Siyah-beyaz ve altın detaylı, dergi sayfası gibi akan bir moda markası ve butik mağaza.

maison-noir-concept.vercel.app
Maison Noir — Masaüstü

Tasarım fikri

Asimetrik 5/6 bölünmüş hero, devasa serif başlık ve Ken Burns efektli kapak. Bol boşluk, ince altın çizgiler ve yavaş, zarif açılışlar ürünü sanat eseri gibi sunar.

Mobil yaklaşım

Görsel önce gelir, menü sadeleşir; ‘Çantaya ekle’ butonları mobilde her zaman görünür.

Renk paleti

  • Noir

    #0B0B0B

  • Paper

    #FAFAF7

  • Gold

    #B8975A

  • Stone

    #E9E4DA

  • Taupe

    #6E6A63

Tipografi

Cormorant Garamond

Display

Inter

Body

Stack

  • HTML
  • CSS
  • JavaScript
  • Vercel

Gerçek projede Next.js + CMS ile ölçeklenir.

Ekranlar

Maison Noir — Tam sayfa
Masaüstü · Tam sayfa (1920px)
Maison Noir — Tablet
Tablet · 834px
Maison Noir — Mobil
Mobil · 390px

Öne çıkan bölümler

  • Kategori filtreli ürün ızgarası + çanta sayacı
  • Kayan koleksiyon şeridi
  • The Edit — kapsül gardırop
  • Atölye: ölçüye özel randevu

Süreç

  1. 01

    Marka tonu ve hedef müşteri analizi

  2. 02

    Editoryal grid ve tipografi sistemi

  3. 03

    Ürün kartı, filtre ve sepet etkileşimleri

  4. 04

    Responsive test, performans ve yayın

Hedef metrikler

⚠ Örnek / öngörülen hedeflerdir — gerçek müşteri sonucu değildir.

ürün sayfası etkileşimi hedefi (örnek)
+%25
LCP hedefi (örnek)
<1,5 sn
dönüşüm oranı hedefi (örnek)
%3

Sonraki adım

Aklınızda bir proje mi var? Birlikte konuşalım.

Ne geliştirmek istediğinizi anlatın. Sorularımızla veya bir görüşme önerisiyle dönüş yapalım; keşif sonrasında yazılı teklif sunalım. Herhangi bir yükümlülük yoktur.

Çerez tercihleri
ZorunluSitenin çalışması için gereklidir: ör. bu tercihin hatırlanması ve yalnızca yetkili personel için yönetim paneli oturumu. Her zaman açıktır.

Çerez Politikası