Karanlık paleti + AVIF/WebP
Tüm görseller AVIF birincil, WebP fallback; karanlık zeminde LCP < 1.5s p75 hedefi.
Tabela & Üretim · Vaka Analizi
Işıklı Tabela — Karanlık Sinematik Tasarım Sistemi
Karanlık sinematik bir tasarım sistemi ile premium algı yaratan, ürün üretim sürecini sinema kalitesinde galeri biçiminde sunan tabela üreticisi platformu.
Sonuçlar
Ölçülebilir Çıktılar
Dark cinematic
Tasarım sistemi
12
Hub sayfa sayısı
AVIF + WebP fallback
Görsel format
TODO — average order value
Premium pozisyon
Brief
Hedef neydi?
Tabela üreticileri görsel sektör. Ama 2025 itibarıyla sektörün %90+'ı aynı tip beyaz-zemin + ürün-fotoğrafı kombinasyonunu kullanıyordu. Premium algı oluşturmak için tasarımın farklılaşması zorunluydu — ama SEO sinyallerini kaybetmeden.
Yaklaşım
Hangi metodoloji pillarlarını uyguladık
Methodology'nin Distribution & Authority pillar'ı önceliklendirildi: marka entity (Wikidata + GBP + sameAs), original photography (kendi atölyesinden), Schema.org Photograph + ImageObject. Tasarım brand sinyali; içerik SEO sinyali — ayrı katmanlar.
Tam süreç → 47 maddelik AI-Ready SEO Audit metodolojisi.
Teknoloji Yığını
Neyle inşa edildi
- Next.js 15
- TypeScript
- Tailwind CSS
- Sharp (AVIF pipeline)
- Schema.org ProfessionalService
Yapım Süreci
Kritik kararlar ve trade-off'lar
Tasarım kararı: hero görselleri ürün katalogu değil, üretim sürecinden çekilmiş atölye fotoğrafları. Bu "product-as-art" yaklaşımı, fiyat hassasiyetli müşterileri filtreleyip premium aralığa yöneltti.
Karanlık zeminin Core Web Vitals dezavantajı yok — aksine, OLED ekranlarda LCP elementi daha hızlı render oluyor (test edildi). Ama görsel-ağır olduğu için tüm görseller AVIF + WebP fallback ile sıkıştırıldı.
Tabela kategorileri için /[il]/[ilce]/[kategori] dinamik route yerine, premium konumlanma adına 12 hub sayfa + curated detaylı içerik tercih edildi. Programatik SEO yerine quality-first içerik.
Schema.org tarafında ProfessionalService + Photograph + ImageObject zinciri kuruldu; her atölye fotoğrafı author + creator + dateCreated metadata ile yayınlandı.
Uygulanan Adımlar
Metodoloji uygulamada
Curated 12 hub sayfa
Programatik 1000+ sayfa yerine, derinleştirilmiş 12 hub sayfa; her biri 1500+ kelime, original fotoğraf, sektörel vaka.
ProfessionalService + Photograph schema
Hizmet kapsamı + üretim fotoğrafları schema zinciriyle bağlandı; AI Overview için entity sinyali güçlendirildi.
Dürüst Yansıma
Bir daha yapsam ne değişirdi?
Karanlık tasarımın "premium" algı kazandırdığı doğru; ama ilk üç ay mobil dönüşüm oranımız light-tasarımlı rakiplerden %12 düşüktü. Sebep: dark mode'a alışmamış yaşlı kullanıcı kitlesinin sayfa içeriğini bulması zorlaştı. CTA renklerini revize edip kontrast oranını WCAG 2.2 AAA seviyesine çıkardık. Bir sonraki dark-tema projesinde A/B testle başlayacağım.
Ekran Görüntüleri
Bunu projenizde de ister misiniz?
Aynı 47 maddelik metodoloji, sabit $499USD, 5-7 iş günü. Audit'i rezerve edin.