Akşam, telefon açmadan randevu alınan bir salon.
Web sitesi · Kadıköy, İstanbul


- Durum
- Örnek / demo: süreci göstermek için stüdyonun tasarlayıp kodladığı bir çalışma. Ücretli bir müşteri projesi değil.
- Örnek marka
- Yele
- Sektör
- Güzellik ve bakım
- Hizmetler
- Strateji, Tasarım, Kodlama, Randevu
- Pafta
- PF-33
- Süre
- 2 hafta
Küçük bir salon, kapalıyken nasıl randevu alır?
Müşterisi akşam karar veren bir salon.
/01 İş tanımı
Yele bu örnek için kurduğumuz hayalî bir salon: Kadıköy'de randevuyla çalışan küçük bir saç ve bakım salonu. Müşterileri gün içinde pek aramıyor. Kesimi ya da boyayı akşam, salon kapalıyken ve telefona kimse bakmazken düşünüyorlar.
İş tanımı kısaydı: her hizmet süresi ve başlangıç fiyatıyla görünsün, boş bir saat birkaç dokunuşla alınsın, sık sorulanlar sorulmadan cevaplansın. İndirilecek uygulama da, açılacak hesap da yok.

Beş sayfa, tek hedef: telefonsuz bir randevu.
/02 İlk pafta
Pafta tek bir okur tarif etti: yakında oturan, kesim, boya ya da fön isteyen ve aramak istemeyen biri. Hedef satırı da oradan çıktı: hizmeti, günü ve saati belli, salonun onaylamasına hazır bir randevu isteği.
Beş sayfa yetti: Ana sayfa, Hizmetler, Salon, Randevu ve İletişim. Dört türde on yedi hizmet, her birinin kendi süresi. Çalışma saatleri de paftada, çünkü randevu takvimi de canlı "şu an açık" işareti de onları okuyor.
PF-33 · Onaylandı
- Tür
- Web sitesi: online randevulu bir salon
- Kimin için
- Yakında oturan, kesim, boya ya da fön isteyen ve aramak istemeyenler
- Hedef
- Telefon açmadan, hizmeti, günü ve saati belli bir randevu isteği
- Sayfalar
- Ana sayfa, Hizmetler, Salon, Randevu, İletişim
- Özellikler
- Süresi ve örnek başlangıç fiyatıyla 17 hizmet, üç dokunuşta randevu, iki haftalık takvim, canlı açık / kapalı işareti
- Diller
- Türkçe
- Süre
- 2 hafta
Keten, adaçayı ve bakır; renkler fotoğraflardan.
/03 Görünüm
Renkler tek bir fotoğraf serisinden geliyor: adaçayı yeşili duvar, bakır saç, tahta tarak. Zemin keten, koyu bölümler ve alt bilgi adaçayı, düğme ve seçili seçenek bakır. Sayfada hiçbir şey saçla yarışmıyor.
Başlıkları yumuşak bir serif olan Fraunces, listeleri ve formları Instrument Sans taşıyor. Köşeler yuvarlak ve sakin, bölümler çizgiyle ya da gölgeyle değil zemin tonuyla ayrılıyor, başlıklar sakin boyda kalıyor.

Her hizmetin süresi yazıyor, randevu oradan başlıyor.
/04 Sayfalar
Hizmetler sayfası her hizmeti süresi ve başlangıç fiyatıyla sıralıyor ve fiyatların örnek olduğunu açıkça söylüyor. Yapışkan bir süzgeç dört türde sizinle aşağı iniyor. Her satır randevu sayfasını o hizmet seçili olarak açıyor.
Randevu sayfası dört adım: hizmet, gün, saat ve bilgiler. Takvim iki haftayı gösteriyor, pazartesi kapalı. Saatler hizmetin süresine göre çıkıyor; uzun bir boya kapanış saatine denk gelmiyor. Özet formun yanında duruyor.


Telefonda randevu, ana sayfadan üç dokunuş.
/05 Telefonda
Ziyaretlerin çoğu telefonda başlıyor. Ana sayfada küçük bir randevu paneli var: hizmeti, günü ve saati seçersiniz, seçim randevu sayfasına taşınır. Telefonda özet, gönder düğmesinin üstünde tek satıra iniyor.
Altta bir çubuk salonun şu an açık olup olmadığını İstanbul saatine göre gösteriyor, yanında randevu düğmesi var. Sayfanın üstündeki düğmeler görünürken çekiliyor; aynı çağrı iki kez görünmüyor.

Çalışan, beş sayfalık bir örnek olarak çizildi.
/06 Çizilenler
Yele çalışan bir örnek olarak çizildi ve kodlandı: beş sayfa, tıklanarak denenebilen bir randevu akışı, onay ekranı ve randevuyu telefonun takvimine ekleyen bir dosya. Her sayfanın başında ve sonunda örnek / demo notu var.
Formlar hiçbir yere bir şey göndermiyor; salonun adresi, telefonu, yorumu ya da puanı yok. Saatler ve semt örnek içerik. Hizmetler sayfasındaki başlangıç fiyatları da örnek ve sayfa bunu söylüyor.
- Beş sayfa
- Süresi ve örnek başlangıç fiyatıyla on yedi hizmet
- Ana sayfada üç dokunuşta randevu
- İki haftalık takvimle dört adımlı randevu
- İstanbul saatine göre canlı açık / kapalı işareti
- Randevudan sonra takvime ekleme dosyası
- Sık sorulanlar ve kısa aydınlatma metni
Mobil veride çabuk açılan hafif sayfalar.
/07 Performans ve erişilebilirlik
Her fotoğrafın birkaç boyu var; tarayıcı ekranın istediğini seçiyor. Her sayfada ilk görsel önce yükleniyor, gerisi siz kaydırınca geliyor. İki yazı tipi sitenin kullandığı harflere indirildi, kod çok az.
Teslimden önce yazının iki kat yakınlaştırmada okunduğunu, her form alanının bir etiketi ve açık bir hata mesajı olduğunu, randevu adımlarının baştan sona yalnız klavyeyle de yürüdüğünü denetledik.
- Her görsel 200 KB altında
Paftane çizdi ve kodladı: Strateji, Tasarım, Kodlama, Randevu.

