Her web sitesi aslında bir tariftir. Malzemeler aynı olabilir — HTML, CSS, biraz JavaScript, bir sunucu — ama aynı malzemeyle yüz farklı yemek çıkar. Biz Biber Dijital olarak altı yıldır aynı mutfakta çalışıyoruz; ama bugüne kadar iki aynı web sitesi çıkarmadık. Bu yazıda perde arkasında ne oluyor, kodun tadı nasıl tutuyor, onu anlatacağız.

Fikir → tasarım → ürün. Mutfaktaki yolculuk üç büyük durakla başlıyor.

Önce tarifi yazıyoruz: keşif ve brief

Kod yazmadan önce en az üç kez toplantı yapıyoruz. İlk görüşmede kimle konuştuğumuzu anlamak istiyoruz: markanız kime hitap ediyor, rakipler ne yapıyor, sizin "bu siteyi açtığımda müşteri ne hissetsin?" sorusuna cevabınız ne? Çoğu ajansın atladığı bu kısım, bütün projenin tuzu biberi.

Ardından bir brief dokümanı hazırlıyoruz — hedefler, KPI'lar, teknik kısıtlar, içerik kaynakları. Bu doküman projenin anayasası; geri dönüp bakacağımız yer. Scope değiştiğinde de bu dosyada yazıyor, "ama biz öyle konuşmamıştık" polemiğine yer yok.

Keşif aşamasında topladığımız bilgiler

  • Hedef kitle, kullanıcı senaryoları ve başarı metrikleri
  • Mevcut site analitiği (varsa) ve Google Search Console verileri
  • Rakip analizi: ne yapıyorlar, nerede açık var
  • İçerik envanteri: yazılar, görseller, videolar hazır mı?
  • Entegrasyon ihtiyaçları: CRM, e-posta, ödeme, stok yönetimi

Tasarım: önce kâğıt, sonra piksel

Biber mutfağında tasarım iki katmanda ilerliyor. Önce wireframe — sayfa iskeleti, hiyerarşi, hangi bölüm nerede duracak. Bu aşamada renk, yazı tipi, fotoğraf yok; sadece yapı var. Müşteri onayı alınca yüksek çözünürlüklü tasarım devreye giriyor: marka renkleri, fotoğraflar, mikro etkileşimler, mobil varyantlar.

Tasarımı onaylamadan kod açılmıyor. Neden? Çünkü kod aşamasında tasarım değişikliği, genelde üç saatlik bir işi iki güne çıkarır. Önden disiplin, arkada hız demek.

Pratik not: Prototipleri Figma'da paylaşıyoruz. Yorumları doğrudan ekran üzerinden yapabiliyorsunuz — "üçüncü slaytta, altta, 'Teklif Al' butonu biraz küçük" gibi açıklamalara gerek kalmıyor.

Doğru aleti seçmek: framework meselesi

"Hangi teknolojiyle yapıyorsunuz?" sorusuna tek cevap yok. Kurumsal bir tanıtım sitesi için Astro kullanıyoruz — saniyeler içinde açılıyor, Google çılgına dönüyor. Dinamik, kullanıcı girişli bir uygulama için Next.js. İçeriğin sık güncellendiği bir marka sitesi için Headless CMS (Sanity, Contentful, Strapi) ile hibrit bir yapı. E-ticaret söz konusuysa Shopify veya özel bir çözüm.

Her projede aynı çekici kullanmak mimari değil, tembellik. Biber Dijital'de her projeye gömeceğimiz kazığı, projenin ağacına göre seçiyoruz. Bu da Google'daki hız sıralamasından kullanıcı deneyimine kadar her şeyi olumlu etkiliyor.

Proje türüne göre stack kararı — tarif tarif, tencere tencere.

Geliştirme: haftalık demo, şeffaf süreç

Kod yazma aşaması iki ile sekiz hafta arasında. Her hafta cuma günü demo yapıyoruz — ekranı paylaşıyoruz, o hafta neyin bittiğini, neyin sıradaki olduğunu gösteriyoruz. Böylece lansman günü "bu böyle mi olmuştu?" sürprizi yaşanmıyor.

Her projeyi bir staging ortamında canlandırıyoruz; gerçek siteyle birebir aynı, ama sadece size özel bir URL'de. İçerik girişleri, form testleri, mobil kontroller — hepsi canlıya çıkmadan önce.

Kod kalitesini nasıl koruyoruz?

  • Git ile versiyon kontrol — her değişikliğin kim tarafından, ne zaman, neden yapıldığı kayıt altında
  • Otomatik test ve linting — typo bile kaçmıyor
  • Lighthouse CI — her deploy'da performans skoru düşerse uyarı
  • Kod review — tek kişi tek başına merge etmiyor

Lansman günü: sessiz ama ölçülü

Web sitesi yayına çıkarken ses çıkarmaz, sarsıntı yapmaz. DNS yönlendirmesini önden hazırlıyoruz, eski siteden gelen URL'leri yeni sitedeki doğru sayfalara 301 yönlendirmesiyle bağlıyoruz ki Google'daki otorite kaybolmasın. Analytics, Search Console ve performans izleyiciler lansmandan önce kurulu.

Lansman sonrası otuz gün boyunca ücretsiz bakım devrede — ortaya çıkan ufak tefek hatalar, form ayarı, içerik güncellemesi. Ardından isteyen müşterilerimiz aylık bakım planıyla devam ediyor.

Core Web Vitals: Google'ın gizli terazisi

Teslim ettiğimiz her sitenin Lighthouse skoru 95+, LCP'si 2.5 saniyenin altında, CLS'i 0.1'in altında. Bunlar şans eseri değil; yazı tiplerini preload ediyoruz, görselleri AVIF'e dönüştürüyoruz, gereksiz JavaScript'i kaldırıyoruz, CDN üzerinden dağıtıyoruz. Performans bir checklist değil, günlük disiplin.

Bonus: Hız, SEO'nun en sessiz silahı. 3 saniyede açılan bir sitenin dönüşüm oranı, 6 saniyede açılana göre yaklaşık iki kat. Yani hızlı site yalnızca Google'ı değil, satış rakamlarını da memnun ediyor.

Peki sonuç?

Biber Dijital'de web geliştirme, şablon yapıştırmak değil; her markanın kendine özgü tarifini çıkarmak. Keşiften tasarıma, koddan lansmana kadar her aşamada hem sizin hem bizim gözümüz üstünde oluyor. Sonuçta ortaya çıkan site, sadece güzel görünmüyor — hızlı, erişilebilir, sürdürülebilir ve satış üreten bir sistem oluyor.

Aklınızda bir web projesi varsa — kurumsal tanıtım, e-ticaret, landing page, hepsi aynı masaya yatırılır — bir kahve içimlik görüşme ile tarifinizi birlikte çıkaralım. Ya da doğrudan paketlere bakın; sürpriz yok, fiyatlar ortada.