Tasarıma hiç dokunmadan kusursuz bir 100/100/100/100

Fronta, kurumsal bir RevOps ve yapay zekâ destekli saha istihbaratı platformunu; koyu temalı, tamamlanmış, içerik yoğun ve İngilizce ile Türkçe yayınlanan bir Next.js sitesi üzerinde işletiyor. Logic Grid Studio tasarımı olduğu gibi bıraktı ve altındaki temelleri yeniden inşa etti: Performans, Erişilebilirlik, En İyi Uygulamalar ve SEO'da kusursuz bir 100/100/100/100 Lighthouse denetimi, her kütüphane ve framework sürümünün güncele taşınması ve site genelinde sağlamlaştırılmış teknik SEO. Sıfır yeniden tasarımla hız, güncellik ve keşfedilebilirlik.

Durum

Fronta, tedarik zincirleri, dağıtım ağları ve saha operasyonları için bir Gelir Operasyonları (RevOps) ve yapay zekâ destekli saha istihbaratı platformu işleten, yerleşik bir kurumsal şirket — Middleware, RevOps, Fieldmate, Oneview ve Insight ürünlerini kapsayan, koyu temalı ve içerik yoğun bir Next.js sitesi üzerinde İngilizce ile Türkçe sunulan ürünler. Tasarım tamamlanmıştı, marka oturmuştu; sitenin bir ziyaretçi için nasıl göründüğü ya da nasıl çalıştığıyla ilgili hiçbir soru işareti yoktu. Sorun tamamen yüzeyin altındaydı. Böylesine gerçek ve yoğun bir kurumsal platform sitesi, bir temeli sessizce geride tutan şeyleri zamanla biriktirir: güncelin gerisine düşen bağımlılık ve framework sürümleri, performansı masada bırakan Core Web Vitals, erişilebilirlik ve en iyi uygulama açıkları ve güvenilir bir siteyi hak ettiği kadar keşfedilebilir olmaktan alıkoyan teknik SEO ayrıntıları. Görev olağandışı biçimde netti — mevcut siteyi gerçekten hızlı, tamamen güncel ve gerektiği gibi keşfedilebilir hâle getirmek ve bunu tasarımın tek bir pikselini bile değiştirmeden yapmak.

Bize geliş nedenleri

Fronta, Logic Grid Studio'ya geldi çünkü brief tam olarak çoğu tedarikçinin yanlış bir tercihe zorladığı noktada duruyordu: bir siteyi daha hızlı, daha modern ve daha keşfedilebilir hâle getirmeye yönelik neredeyse her teklif, bir yeniden tasarımla paketlenmiş olarak geliyor. Fronta bunu istemiyordu. Tasarım bitmişti; ihtiyaç duyulan şey, performansı, bağımlılık güncelliğini ve teknik SEO'yu mevcut bir kod tabanının üzerinde tek bir mühendislik problemi olarak ele alabilen — sıfırdan başlamak için bir gerekçe olarak değil — ve altındaki her şeyi yeniden inşa ederken orijinal tasarımı kusursuz biçimde bütün tutabilen bir ortaktı. Bu, LGS'nin yürüttüğü entegre mühendislik ve büyüme sistemidir; burada yeni bir inşaya değil, hâlihazırda iyi olan ve yalnızca gerçekten hızlı, güncel ve keşfedilebilir hâle getirilmesi gereken bir sitenin disiplinli modernizasyonuna uygulanmıştır.

Kısıtlar

Her kararı yöneten ve işin tüm amacı olan tek bir kısıt vardı: tasarım veya UX değişikliği yok. Mevcut tasarım birebir korunmalıydı — aynı düzen, aynı koyu kurumsal görünüm, aynı bileşenler, aynı pikseller, ziyaretçi için aynı davranış — altındaki temeller yeniden inşa edilirken. Bu katı kuralın içinde hedefler kademeli değil mutlaktı ve bu, ince bir pazarlama sayfasında değil gerçek bir kurumsal platform sitesinde geçerliydi: dört sütunun tamamında aynı anda kusursuz bir Lighthouse denetimi — Performans, Erişilebilirlik, En İyi Uygulamalar ve SEO — her kütüphane ve framework sürümünün güncele yükseltilmesi ve beraberindeki teknik borcun temizlenmesi ve Next.js sitesi genelinde sağlamlaştırılmış teknik SEO; tasarım ise dokunulamaz kabul edilerek.

Üstlendiğimiz kapsam

Logic Grid Studio, katı bir yeniden tasarım yapılmama kuralı altında temellerin baştan sona sorumluluğuna sahip çıktı. Performans tarafında, Fronta'nın Core Web Vitals değerlerini ve tüm Lighthouse profilini mevcut, içerik yoğun sitede dört kategorinin tamamında kusursuz bir 100'e taşıdık — 100 Performans, 100 Erişilebilirlik, 100 En İyi Uygulamalar ve 100 SEO. Modernizasyon tarafında, her kütüphaneyi ve kod/framework sürümünü güncele yükselttik, tüm Next.js stack'ini tamamen güncel hâle getirdik ve sürümlerin geride bırakılmasıyla biriken teknik borcu temizledik — mevcut görünümde veya davranışta hiçbir gerileme olmadan. Keşfedilebilirlik tarafında, site genelinde teknik SEO'yu sağlamlaştırdık. Tüm süreç boyunca kısıtın sorumluluğuna da işin kendisi kadar sahip çıktık: tasarım ve UX, Fronta'da olduğu hâliyle birebir korundu — kaputun altındakini değiştirdik, ekrandakini asla.

Yaklaşımımız

İşe puan kartından değil kısıttan başladık: tasarım bizim dokunacağımız bir şey değildi, dolayısıyla her kazanım altındaki mühendislikten gelmek zorundaydı. Dört Lighthouse sütununu dört ayrı kovalamaca yerine birbirine bağlı tek bir hedef olarak ele aldık — Core Web Vitals ve performansı kusursuz bir 100'e iterken Erişilebilirlik, En İyi Uygulamalar ve SEO'yu da yanlarında 100'e taşıdık; böylece hiçbir sütun bir diğerine feda edilmedi ve tasarım sonunda piksel piksel aynı render edildi. Modernizasyon paralelde ilerledi ve bunu pekiştirdi: her kütüphane ve framework sürümünü kontrollü bir biçimde güncele taşıdık, teknik borcu temizledik ve eski bağımlılıkların taşıdığı bir performans ile en iyi uygulama yükü sınıfını ortadan kaldırdık; her yükseltme doğrulandı, böylece korunan tasarım tıpkı eskisi gibi davranmaya devam etti. Teknik SEO, aynı temel geçişinin bir parçası olarak site genelinde sağlamlaştırıldı; böylece güvenilir bir kurumsal platform, hâlihazırda göründüğü kadar keşfedilebilir hâle geldi. Tüm projenin disiplini bir özdenetim meselesiydi — gerçek, içerik yoğun bir kurumsal sitede dört kusursuz 100'e ulaşmak tam da oraya varmak için tasarımı sadeleştiremeyeceğiniz için zordur ve biz bunu yapmadık.

Sonuç

Fronta'nın sitesi tıpkı önceki gibi görünüyor ve davranıyor — ve artık gerçekten hızlı, tamamen güncel ve gerektiği gibi keşfedilebilir bir temel üzerinde çalışıyor. Kanıt tartışmasız: gerçek, içerik yoğun bir kurumsal platform sitesinde tasarıma dokunulmadan elde edilen kusursuz bir 100/100/100/100 Lighthouse denetimi — 100 Performans, 100 Erişilebilirlik, 100 En İyi Uygulamalar ve 100 SEO. Altında, her kütüphane ve framework sürümü güncele taşındı ve beraberindeki teknik borç temizlendi; böylece stack geride kalmak yerine modern hâle geldi ve teknik SEO site genelinde sağlamlaştırıldı; böylece güvenilir bir platform artık sunduğu kadar keşfedilebilir. Tüm proje, kurulduğu amacı tam olarak ortaya koyuyor: mevcut, tasarımı tamamlanmış bir kurumsal site, yeniden tasarım olmadan kusursuz biçimde performanslı, tamamen modern ve tamamen keşfedilebilir hâle getirilebilir — hız, güncellik ve keşfedilebilirlik kaputun altında yeniden inşa edildi, sıfır tasarım değişikliğiyle.