Afa Hukuk Bürosu

Hukuk sektöründe güven görsel ilk izlenimle kuruluyor, ancak ağır tasarımlar mobilde yavaş açılıyor ve potansiyel müvekkil siteyi terk ediyordu.

Vaka çalışmasına buradan başlıyoruz, çünkü bir çözümün doğru olup olmadığı ancak sorunun doğru tarif edilmesiyle ölçülebilir. İlk iş her projede aynı: dile getirilen talebin altındaki asıl kısıtı bulmak. Talep genellikle sitenin yenilenmesidir; çözülmesi gereken ise ölçülebilir bir teknik ya da yapısal engeldir. O engel tanımlanmadan atılan her adım tahmin olurdu.

Görsel ağırlığı azaltmadan mobil performansı korumak için sunucu tarafı render, kritik CSS ayrımı ve görsel optimizasyonu uyguladık. Hizmet alanları ayrı URL'lere bölünerek her uzmanlık alanı kendi başına aranabilir hale getirildi.

Tüm sayfalar sunucu tarafında render ediliyor: içerik HTML içinde geliyor, dolayısıyla hem Googlebot hem de JavaScript çalıştırmayan AI tarayıcıları sayfayı olduğu gibi okuyabiliyor. Aynı yaklaşımın hizmet kapsamı olarak tarifini Kurumsal Web Sitesi Tasarımı sayfasında bulabilirsiniz; teknoloji seçiminin neden bu yönde yapıldığını ise Next.js mi WordPress mi yazısında karşılaştırdık.

Mobil uyumlu, hızlı açılan ve her uzmanlık alanı ayrı indekslenebilen bir kurumsal site yayına alındı.

Buraya yüzdelik bir iyileşme iddiası yazmıyoruz, çünkü doğrulayamayacağınız bir sayının değeri yok. Bunun yerine işin kendisini gösteriyoruz: afahukukburosu.com adresini açın ve hızını, mobil davranışını, sayfa yapısını kendiniz ölçün. Hangi metriklerin gerçekten önemli olduğunu Core Web Vitals nedir yazısında anlattık.

2025 yılında yayına alınan Afa Hukuk Bürosu projesi 3bileşenli bir yığın üzerinde çalışıyor. Hepsi yaygın kullanılan ve belgelenmiş araçlar; hiçbiri Obelisx'e özel değil, dolayısıyla projeyi ileride başka bir ekibe devretmek mümkün:

• Next.js. React tabanlı uygulama çatısı. Sayfaları sunucuda HTML olarak üretir; içerik tarayıcıya JavaScript çalıştırılmadan ulaşır.
• React. Arayüzü yeniden kullanılabilir bileşenlere bölen kütüphane.
• Tailwind CSS. Yardımcı sınıf tabanlı CSS çatısı. Üretim çıktısına yalnızca gerçekten kullanılan stiller girer.

Kaynak kodun tamamı teslimde müşteriye devredildi. Yayın sonrası güncelleme ve izleme ihtiyacını nasıl karşıladığımızı bakım ve destek sayfasında, benzer bir işin bütçesini ise fiyatlandırma sayfasında bulabilirsiniz.

Dört vaka çalışmasının tamamı portföy sayfasında listeli.