Koch Detay

Proje Özeti

Digitalpedi, Antalya Kepez’de 1989’dan beri pasta cila, boya koruma, seramik kaplama, PPF, cam filmi, boyasız göçük onarımı ve detaylı temizlik yapan Koch Detay’ın web sitesini sıfırdan yeniden tasarladı. Yeni site 31 Ekim 2026’da müşteri onayıyla kochdetay.com alan adında yayına girdi.

Sitede yedi hizmetin her birine ayrı sayfa, 55 karelik bir galeri, kaydırdıkça ışığı değişen bir ana sayfa ve iki soruda hizmet öneren bir asistan var. Koch Detay, Solar Gard Türkiye’nin Antalya’daki yetkili bayileri arasında; site, cam filmi serileri için Solar Gard Türkiye ağındaki Solar Gard Premium Antalya sitesine bağlantı veriyor.

Yedi ışık olayı, yedi hizmet

Detaylandırma işinin sonucu ışıkta görünür: cilanın derinliği, seramiğin parlaklığı, PPF’nin görünmezliği. Bu yüzden ana sayfanın merkezine fotoğraf değil, ışığa tepki veren bir yüzey koyduk. Kütüphanesiz bir WebGL2 shader cilalı bir kaporta panelini gerçek zamanlı çiziyor; kaydırdıkça panele yedi farklı ışık düşüyor ve her ışık bir hizmeti anlatıyor.

Sahne ağır bir yük değil. Shader ve sahne kodu ilk boyamadan sonra, bölüm görünüme yaklaşınca indiriliyor. WebGL desteklenmiyorsa, hareket azaltma tercihi açıksa ya da cihaz grafikleri yazılımla çiziyorsa sayfa önceden üretilmiş AVIF ve WebP posterlerle aynı içeriği gösteriyor.

Açık tema, sinematik akış

Yeni tasarım açık tonlu bir zemin üzerinde ilerliyor; başlıklar ve bölüm geçişleri GSAP, ScrollTrigger ve Lenis ile kaydırmaya bağlı. Kurumsal sayfalarda giriş animasyonu CSS ile yapılıyor, böylece sayfanın ilk metni JavaScript beklemeden görünüyor.

Yedi hizmet sayfası aynı şablonu paylaşıyor ama her biri kendi sorularını yanıtlıyor. PPF kaplama sayfasında bölümler şöyle sıralanıyor: ne kazandırır, PPF nedir, hangi film kullanılıyor, seramik kaplamadan farkı, nasıl uygulanır, fiyatı ne belirler, kullanılan ürünler, atölyeden kareler ve sık sorulanlar. Galeri sayfasındaki 55 kare telefonda ekran genişliğine uygun küçük varyantlardan yükleniyor.

Işık Rehberi

Sitedeki Işık Rehberi “Aracınız için doğru hizmeti iki soruda bulalım” diye açılıyor. Önce ziyaretçinin aracı için ne istediğini soruyor, ardından boyadaki soruna, korunmak istenen şeye ya da önceliğe göre ikinci bir soru geliyor. Sonunda pasta cila, seramik kaplama, PPF, boya koruma, Solar Gard cam filmi, boyasız göçük onarımı veya detaylı temizlik önerisi çıkıyor.

Öneri ekranı seçimleri içeren ön-dolu bir WhatsApp mesajı hazırlıyor. Kararsız kalan ziyaretçi için “Birlikte bakalım” sonucu var; göçükte boya çatlamışsa asistan “Önce göçüğü görelim” diyerek yerinde inceleme öneriyor. Asistan statik bir karar ağacı: sunucuya ya da yapay zekâ servisine bağlı değil.

Arama motorları ve eski adresler

Koch Detay sitesinde sayfa bazlı yapılandırılmış veri var: her sayfada AutomotiveBusiness düğümü, yedi hizmet sayfasında Service, SSS ve hizmet sayfalarında FAQPage, iç sayfalarda BreadcrumbList şeması. Eski sitenin 30 adresi 301 yönlendirmeyle yeni sayfalarına bağlandı; arama motorlarında birikmiş bağlantılar boşa düşmüyor.

Ölçümler

Yayın derlemesi yayından önce, 30 Eylül 2026’da ölçüldü: 15 sayfanın her biri Lighthouse mobil ile üç kez test edildi. Medyan sonuçlarda performans 94–98, erişilebilirlik, en iyi uygulamalar ve SEO 15 sayfanın hepsinde 100. Düzen kayması (CLS) en fazla 0,009, ilk yükte inen JavaScript 64–68 KB (gzip).

Doğrulama

Bu sayfadaki sayılar 31 Ekim 2026’da canlı siteden sayıldı: kochdetay.com site haritasında 15 adres, bunların yedisi hizmet sayfası; galeri sayfasında 55 görsel var. Sitenin altbilgisinde “Yazılım: Digitalpedi” bağlantısı 15 sayfanın hepsinde görünüyor ve digitalpedi.com adresine gidiyor.