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

RenkKoyulukYuvarlaklıkYoğunlukHareket

Üç 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.

Önce ve sonra

Aynı içerik, iki ayrı dünya

Ortadaki çizgiyi sürükleyin.

değirmen.Ana SayfaMenüGaleriRezervasyon

Kuşadası'nda sakin bir akşam yemeği

Bahçede on iki masa, mevsim mutfağı, akşam yedide başlar.

Değirmen RestoranAna SayfaMenüGaleriİletişim

Kuşadası'nda sakin bir akşam yemeği

Bahçede on iki masa, mevsim mutfağı, akşam yedide başlar.

Rezervasyon

ÖnceSonra

Soldaki de gerçek bir tasarım; sadece 2010'ların tasarımı.

Sürükleyin

Sayfanın sırasını siz kurun

Blokları tutup yerlerini değiştirin.

marka.

Yönetim panellerinde içerik sıralaması tam olarak böyle çalışır.

Fizik

Tutun, savurun

Kartı sürükleyip bırakın.

Turizm

Rezervasyon

Sağlık

Randevu

Restoran

Çağrı

Servis

Teklif

Atalet, dönme ve yaylanma; hepsi gerçek fizik değerleriyle.

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 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.

İ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 veri

NisMayHazTemAğuEyl

Bu sezon

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ırt

Dil 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
Clinicia Psikiyatri
Sağlık, klinik yönetimi
Siteyi aç
Vakayı okuyun
degirmenrestorankusadasi.com
Değirmen Restoran
Restoran, web ve Google Ads
Siteyi aç
Vakayı okuyun
safarikusadasi.com
Safari Kuşadası
Turizm, jip safari
Siteyi aç
Vakayı okuyun
kusadasiboattours.com
Kuşadası Boat Tours
Turizm, tekne turları
Siteyi aç
Vakayı okuyun
seyrekler.vercel.app
Seyrekler Otomotiv
Otomotiv, oto servis
Siteyi aç
Vakayı okuyun
sightseeinginkusadasi.com
Sightseeing in Kuşadası
Turizm, gezi turları
Siteyi aç
Vakayı okuyun
calmseas.com.tr
Calm Seas
Turizm
Siteyi aç
Vakayı okuyun