İçeriğe geç

Konsept / Örnek projeE-ticaret · E-ticaret · 2026

Bloom Lab — Parlak cilt bakımı mağazası

Ürün odaklı kartlar, kargo barlı sepet çekmecesi ve kişisel öneri veren cilt testi.

bloom-lab-concept.vercel.app
Bloom Lab — Masaüstü

Tasarım fikri

Şeker pembe ve şeftali, dönen ‘Yeni’ etiketi, basılınca çöken 3D butonlar. Eğlenceli ama satış odaklı.

Mobil yaklaşım

Ürünler 2 sütun, sepet tam yükseklik çekmece, kategori çipleri yatay kaydırma.

Renk paleti

  • Cream

    #FFF6F2

  • Pink

    #FF5C8A

  • Peach

    #FFB38A

  • Plum

    #2D1B3D

  • Sun

    #FFE14D

Tipografi

Bricolage Grotesque

Display

Bricolage Grotesque + DM Mono

Body

Stack

  • HTML
  • CSS
  • JavaScript
  • Vercel

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

Ekranlar

Bloom Lab — Tam sayfa
Masaüstü · Tam sayfa (1920px)
Bloom Lab — Tablet
Tablet · 834px
Bloom Lab — Mobil
Mobil · 390px

Öne çıkan bölümler

  • Kategori filtreli ürün kartları
  • Sepet çekmecesi + ücretsiz kargo barı
  • 3 soruluk cilt testi
  • Yorum kartları

Süreç

  1. 01

    Ürün gamı ve sepet ortalaması

  2. 02

    Kart ve CTA sistemi

  3. 03

    Sepet, test ve öneri mantığı

  4. 04

    Dönüşüm testi ve yayın

Hedef metrikler

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

sepet ortalaması hedefi (örnek)
+%20
testi tamamlama hedefi (örnek)
%35
sepet terki hedefi (örnek)
-%15

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ı