full-stack / case.study
GeliştiriliyorZeki Dekorasyon: Görsel Ürün Kataloğu
Yüksek performanslı sayfa geçişleri, mobil uyum ve akıcı kullanıcı deneyimi.
Kullanılan Mimari / Çözüm
Görsel Ürün Kataloğu
Yüksek performanslı sayfa geçişleri, mobil uyum ve akıcı kullanıcı deneyimi
15 Şubat 2026
product.screens
Uygulama içi görünümler
Görsele dokunarak büyüt. Escape / ok tuşları ile gezin.
architecture.decisions
Problem → karar → etki
Problem
Çözülen problem
Görsel ağırlıklı bahçe mobilyası kataloğunda yüksek çözünürlüklü fotoğraflar LCP’yi düşürüyor; klasik formlar dönüşümü yavaşlatıyor, müşteri WhatsApp’tan soruyor.
Karar
Mühendislik kararı
Next.js SSG katalog + next/image; birincil iletişim kanalı olarak ürün ve iletişim sayfalarında WhatsApp deep-link entegrasyonu. Aspect-ratio rezervi ile CLS kontrolü.
Etki
Kanıtlanan etki
Hızlı katalog gezintisi, düşük bakım maliyeti ve WhatsApp üzerinden doğrudan lead. Geliştirme / yayın hazırlığı sürüyor (WIP).
Görsel sektörlerde satın alma kararı çoğu zaman fotoğraf kalitesi ve sitenin hızıyla başlar. Zeki Dekorasyon için kurduğum dijital katalog bir Next.js vitrindir: ürünler SSG ile sunulur; fiyat ve sipariş soruları için birincil kanal WhatsApp entegrasyonudur.
Ürün yüzeyi
- Koleksiyon / kategori kataloğu (filtreler, kart ızgarası)
- Ürün detay:
next/image, özellikler, WhatsApp ile fiyat sor CTA - İletişim: WhatsApp deep-link + SSS
- Statik kurumsal sayfalar (hakkımızda, timeline)
Mimari kararlar
- SSG: Ürün sayfalarını build’de statik HTML’e çevirerek TTFB’yi düşürmek
- next/image: srcset, WebP ve lazy-load ile cihazına uygun görsel
- Aspect-ratio rezervi: yükleme sırasında CLS’i engellemek
- WhatsApp-first iletişim: form yığını yerine müşterinin zaten kullandığı kanala deep-link
Durum
Proje WIP — katalog ve WhatsApp akışı ürünleştirildi; canlı domain / son yayın adımları sürüyor.
Bu proje hakkında yazın
Mimari kararlar, stack seçimleri veya işbirliği için kısa bir mesaj yeterli.