Tabela & Üretim · Vaka analizi
Işıklı Tabela — Karanlık, Sinematik Tasarım Sistemi
Karanlık, sinematik bir tasarımla üst segment algısı yaratan, üretim sürecini sinema kalitesinde bir galeriyle anlatan tabela üreticisi sitesi.
Görsele tıklayınca büyük açılır.
Sonuçlar
Rakamlarla
- Merkez sayfa sayısı
- 12
- Tasarım sistemi
- Dark cinematic
- Görsel format
- AVIF + WebP fallback
Hedef
Hedef neydi?
Tabela görsel bir sektör. Ama 2025 itibarıyla sektördeki sitelerin %90+'ı aynı beyaz zemin + ürün fotoğrafı düzenini kullanıyordu. Üst segment algısı için tasarımın farklılaşması şarttı; bunu SEO sinyallerini kaybetmeden yapmamız gerekiyordu.
Yaklaşım
Nasıl yaklaştık?
Önceliği görünürlük ve otoriteye verdik: marka kimliği (Wikidata, Google İşletme Profili ve sosyal profillerin birbirine bağlanması), firmanın kendi atölyesinde çekilmiş özgün fotoğraflar ve bunlar için yapısal veri. Tasarım markayı, içerik SEO'yu taşıyor; ikisi ayrı katmanlar.
Kullandığımız metodolojinin tamamıYapım süreci
Kritik kararlar
Tasarım kararı: giriş görselleri ürün kataloğu değil, üretim sırasında atölyede çekilmiş fotoğraflar. Ürünü bir sanat eseri gibi gösteren bu yaklaşım, sadece fiyata bakan müşteriyi eleyip ziyaretçiyi üst fiyat aralığına yönlendirdi.
Karanlık zemin Core Web Vitals açısından dezavantaj yaratmıyor. Aksine OLED ekranlarda ana görsel (LCP) daha hızlı çiziliyor; bunu test ettik. Yine de site görsel ağırlıklı olduğu için tüm görseller AVIF ve yedek olarak WebP formatında sıkıştırıldı.
Her il, ilçe ve kategori için otomatik sayfa üretmek yerine, üst segment konumu korumak için 12 merkez sayfa ve özenle hazırlanmış detaylı içerik seçtik. Sayıdan önce kalite.
Yapısal veri tarafında profesyonel hizmet (ProfessionalService), fotoğraf ve görsel şemalarını birbirine bağladık. Her atölye fotoğrafı çeken kişi, sahibi ve çekim tarihi bilgisiyle yayında.
Uygulanan adımlar
Yöntem uygulamada
Karanlık palet + AVIF/WebP
Görseller AVIF, yedek olarak WebP; karanlık zeminde mobil LCP hedefi 1,5 sn altı (p75).
Özenle hazırlanmış 12 merkez sayfa
1000+ otomatik sayfa yerine derinleştirilmiş 12 merkez sayfa; her biri 1500+ kelime, özgün fotoğraf ve sektörden örnek proje içeriyor.
Hizmet ve fotoğraf şeması
Hizmet kapsamı ve üretim fotoğrafları yapısal veriyle bağlandı; AI Overview için marka sinyali güçlendi.
Teknoloji
Neyle kuruldu
- Next.js 15
- TypeScript
- Tailwind CSS
- Sharp (AVIF pipeline)
- Schema.org ProfessionalService
Dürüst değerlendirme
Bir daha yapsak neyi farklı yapardık?
Karanlık tasarımın üst segment algısı kazandırdığı doğru. Ama ilk üç ay mobil dönüşüm oranımız açık renkli tasarım kullanan rakiplerden %12 düşüktü. Sebep: karanlık temaya alışık olmayan yaşça büyük kullanıcılar içeriği bulmakta zorlandı. Buton renklerini yeniledik ve kontrastı WCAG 2.2 AAA seviyesine çıkardık. Bir sonraki karanlık temalı projede A/B testiyle başlayacağız.
Ekran görüntüleri
Sitenin içinden
Sıradaki site sizinki olabilir.
Aynı yöntemle sizin sitenizi kuralım. Fiyat sabit, sözleşme yok, 7-14 günde yayında.