Ö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 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ç, 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ı
23
Lisanslı gerçek fotoğraf
Yapay zekâ manzarası yok
6
Yayımlanan dil
TR · EN · DE · RU · PL · FR
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. İlk çizimi bekleten üçüncü taraf betiği yok.
Nerede duruyor?
Rehber bugün altı dilde yayında: Türkçe, İngilizce, Almanca, Rusça, Lehçe ve Fransızca. Rehber, içerik büyüdükçe büyüyecek biçimde kuruldu ve büyümeye devam ediyor.
Strateji · Kullanıcı deneyimi · Tasarım · Geliştirme, BLN Global
