İster kinetik tipografi, ister klasik dizgi
Harfler imlece tepki verince cümle okunan bir şey olmaktan çıkar, deneyimin parçası olur.
Canlı örnek
Aynı cümle, klasik dizgiyle
HAYAL EDİN
İmleci harflerin üzerinde gezdirin.
Hayal masası
Siz hayal edin, ben tasarlayayım
Kısaca
- Hepsi canlı, hepsi elle denenir.
- Seçenek listesi değil, başlangıç noktası.
Bu sayfadaki her şey gerçekten çalışıyor. Kaydırın, karıştırın, imleci gezdirin. Anlatmak yerine göstermeyi tercih ettim.
Hayal makinesi
Kaydırın, karıştırın
Her hareket başka bir tasarım çıkarır. Sınır yok.
Kuşadası
Denize sıfır kahvaltı
Sabah yedide fırın çalışır, sekizde masa hazırdır.
Yer ayırt
ManzaraTazeRezervasyon
Üç boyut
Derinlik anlatılmaz, çevrilir
İmleci gezdirin. Üzerine gelince katmanlar birbirinden ayrılır.
Zemin
Görsel
Başlık
Kartlar
Menü
Tarayıcının kendi üç boyutu; ek kütüphane yok, telefonu yormaz.
Zor olan
Binlerce nokta, tek kelime
İmleci içinde gezdirin, dokunun.
Her nokta ayrı hesaplanır; dağılır, kendi yerini bulur.
Sonra ayrıntılar
Bir sitenin ustalıkla yapıldığı ayrıntılardan belli olur
Her biri ayrı bir tercih ve hepsi burada çalışıyor.
İster mıknatıslı butonlar, ister sakin butonlar
Buton imlece doğru kayınca tıklamak bir eyleme dönüşür. Ölçüsü işletmenin tonuna göre ayarlanır.
Canlı örnek
İmleci butonun etrafında dolaştırın.
İster kaydırdıkça anlatalım, ister tek bakışta gösterelim
Katmanlar farklı hızda hareket edince sayfa derinlik kazanır, hikaye adım adım açılır.
Canlı örnek
DERİNLİK
- ufuk
- tepeler
- ön plan
Sayfayı yavaşça kaydırın.
İster canlı veri paneli, ister sade liste
Sayılar grafikle anlatılınca durum tek bakışta görülür. Yönetim panellerinde bunu düzenli kuruyorum.
Canlı örnek
Rezervasyon paneli
Temsili veriNisMayHazTemAğuEyl
Bu sezon
0
rezervasyon
Kanallar
- Site%54
- Telefon%31
- Acente%15
Kutu görünür olunca grafik kendiliğinden çiziliyor.
Buradaki rakamlar arayüzü göstermek için konmuş temsili verilerdir.
İster çok dilli, ister tek dil
Misafir kendi dilinde karşılanır. Diller sonradan yamanmış çeviri değil, yapının parçasıdır.
Canlı örnek
Türkçe18:30
Günbatımı Tekne Turu
Kuşadası körfezinde üç saatlik tur, akşam yemeği dahil.
Yer ayırtDil düğmelerine basın.
İster her durum düşünülsün, ister sadece ana akış
Bir arayüzün kalitesi işler ters gittiğinde ne yaptığıyla ölçülür. Çoğu site bu ekranları hiç tasarlamaz.
Canlı örnek
Bugünün randevuları
Durumlar arasında geçiş yapın.
Canlı örnekler
Bunlar laf değil, yayında
Hepsi gerçek işletmelerin siteleri. Açın, gezin.
- cliniciapsikiyatri.com
Vakayı okuyunSiteyi açClinicia Psikiyatri
Sağlık, klinik yönetimi
- degirmenrestorankusadasi.com
Vakayı okuyunSiteyi açDeğirmen Restoran
Restoran, web ve Google Ads
- safarikusadasi.com
Vakayı okuyunSiteyi açSafari Kuşadası
Turizm, jip safari
- kusadasiboattours.com
Vakayı okuyunSiteyi açKuşadası Boat Tours
Turizm, tekne turları
- seyrekler.vercel.app
Vakayı okuyunSiteyi açSeyrekler Otomotiv
Otomotiv, oto servis
- sightseeinginkusadasi.com
Vakayı okuyunSiteyi açSightseeing in Kuşadası
Turizm, gezi turları
- calmseas.com.tr
Vakayı okuyunSiteyi açCalm Seas
Turizm
Sınır yok
Aklınızdaki bunların hiçbirine benzemiyorsa, en iyisi o
Buradakiler örnek. Her proje kendi diliyle kurulur; hazır bir kalıba oturmak zorunda değilsiniz.
Referans gösterin
Beğendiğiniz bir siteyi gösterin. O dili çözer, sizin işinize ve müşterinize göre yeniden kurarım; kopyalamam.
Sadece hissi anlatın
"Sakin ve güven versin" ya da "iddialı olsun" demeniz yeterli. Görsel karşılığını birlikte netleştiririz.
Hiçbir fikriniz yoksa
İşinizi ve müşterinizi anlatın; size uygun birkaç yön çıkarıp önünüze koyayım, siz seçin.
Peki sizin aklınızda ne var?
Beğendiğiniz bir örnek, bir referans site ya da sadece bir his; başlamak için üçü de yeterli. Siz anlatın, ben tasarlayayım.