Önce soruyu netleştirdik
Düden Şelalesi’ni arayan kişi aslında tek bir şey öğrenmek istiyor: Yukarı mı, Aşağı mı? Site bu soruyu ilk ekranda görünür kılacak biçimde kuruldu; karşılaştırma tablosu sayfanın süsü değil, omurgası.
Vaka çalışması · BLN Global
Düden Şelalesi dijital rehberi
nasıl tasarlandı?
Antalya’nın en çok aranan doğal simgesi için, hiçbir kamu kurumuna ait olmayan bağımsız bir gezi rehberi. Amaç turist toplamak değil, gitmeden önce sorulan soruları dürüstçe yanıtlamaktı.
1,9 MB
Toplam sayfa ağırlığı
12 MB’dan indirildi
198
Stil sınıfı
~700 iç stilden damıtıldı
13
Lisanslı gerçek fotoğraf
Yapay zekâ manzarası yok
4
Dil için hazır yapı
TR · EN · DE · RU
Tasarımı elle kopyalamadık
Yüksek sadakatli tasarım dosyası bir çeviriciden geçiyor: iç stiller sınıflara damıtılıyor, görsel yuvaları gerçek fotoğraflara bağlanıyor, bağlantılar rotalara oturuyor. Tasarım güncellendiğinde kod tek komutla yeniden üretiliyor — ikisi zamanla birbirinden ayrı düşmüyor.
Gerçek yerin gerçek fotoğrafı
Bir gezi rehberinde uydurma manzara olmaz. Bütün kareler serbest lisanslı, kaynağı ve fotoğrafçısı belli gerçek Düden ve Antalya fotoğrafları. Yukarı Düden ile Aşağı Düden görselleri hiçbir yerde birbirine karışmıyor.
Bilmediğimize bilmiyoruz dedik
Giriş ücreti, çalışma saati, otobüs hattı — hepsi değişebilir bilgiler. Bunları kesin veri gibi yazmak ziyaretçiyi kapıda bırakır. Site bu başlıklarda kullanıcıyı güncel kaynağa yönlendiriyor ve her rehber içeriğinde son kontrol tarihini gösteriyor.
Mobil, masaüstünün küçüğü değil
Teslim alınan tasarım geniş ekran içindi. Telefon için ayrı bir kompozisyon kuruldu: açılır menü, ekranın altında sabit duran “Haritada Gör” çubuğu, parmakla kaydırılan fotoğraf şeridi.
Hız bir özelliktir
Statik üretim, sıfıra yakın JavaScript, hedef genişliğine küçültülmüş WebP görseller. Sayfa 12 MB’dan 1,9 MB’a indi; ilk çizimi bekleten üçüncü taraf betiği yok.
Nerede duruyor?
Ana sayfa yayında. Yukarı Düden ve Aşağı Düden detay sayfaları, etkileşimli harita ve çok dilli sürümler sırayla ekleniyor. Rehber, içerik büyüdükçe büyüyecek biçimde kuruldu.
Strateji · Kullanıcı deneyimi · Tasarım · Geliştirme — BLN Global