Bir seramik atölyesi için her kursun kendi sayfası, dört adımlı rezervasyon ve sıcak, fotoğraf ağırlıklı bir tasarım.
- Sektör
- Seramik atölyesi (konsept)
- Yıl
- 2026
- Hizmetler
- Web sitesi, Arama ve içerik
Kilevi, Açılış paketimizi göstermek için hazırladığımız konsept bir proje: Kuzguncuk’ta küçük gruplarla çalışan, gerçekte olmayan bir seramik atölyesi. Dört atölyenin her biri için ayrı bir sayfa, dört adımlı bir rezervasyon akışı ve Google’a hazır bir altyapı kurduk. Tasarımda iyi seramik markalarının sitelerinden yola çıktık: büyük fotoğraflar, sakin bir yazı dili, az ama net düğmeler.
✦ Ölçüm
2,3 snYavaş mobil bağlantıda
0,7 snMasaüstünde
Ana sayfanın açılış süresi
Sayfanın en büyük içeriğinin, yani ilk ekrandaki fotoğrafın ekrana geldiği süre. Lighthouse performans puanı mobilde 98, masaüstünde 100; erişilebilirlik, en iyi uygulamalar ve SEO ikisinde de 100. Site yayında olmadığı için ölçümleri yerel üretim derlemesinde, Google Lighthouse ile yaptık.
Kullandığımız araçlar Astro · Sharp · Unsplash · Young Serif · Instrument Sans · Schema.org · Google Lighthouse
✦ Bağlam
Hizmet satan küçük bir işletmenin sitesinde ziyaretçi üç şeyi arıyor: ne yapılıyor, ne kadar tutuyor, ne zaman gidebilirim. Kilevi’de bu üç sorunun cevabını ana sayfanın ilk ekranından rezervasyonun son adımına kadar aynı sırayla verdik. Fiyatlar, saatler ve grup büyüklükleri tek bir kaynaktan geliyor; sayfalarda, rezervasyon formunda ve Google’a verilen bilgide hep aynı rakam görünüyor.
✦ Neler yaptık · 01
Her atölyenin kendi sayfası
Tanışma atölyesi, çark kursu, elle şekillendirme ve özel gruplar için dört ayrı sayfa hazırladık. Her sayfada süre, grup büyüklüğü, ücret, seansın akışı, ücrete dahil olanlar ve o atölyeye özel sorular var. Böylece “çark kursu” ya da “doğum günü seramik atölyesi” gibi bir arama doğrudan ilgili sayfaya iniyor.
✦ Neler yaptık · 02
Dört adımda rezervasyon
Atölye, gün, kişi sayısı ve iletişim bilgileri; ardından özet. Seansları haftalık programdan üretiyoruz: dolu seanslar seçilemiyor, kişi sayısı kalan yerle sınırlı. Özel gruplarda takvim yerine gün isteği alınıyor ve saat seçenekleri seçilen güne göre değişiyor. Ana sayfadaki haftalık program bir hafta takvimi gibi duruyor; her seans doğrudan rezervasyona götürüyor. Demo olduğu için form bilgi göndermiyor; gerçek bir projede atölyenin kullandığı randevu sistemine bağlanır.
✦ Neler yaptık · 03
Fotoğrafla kurulan bir hava
Atölyenin havasını büyük fotoğraflarla anlattık: sofra, kuruyan parçalarla dolu raflar, çark başı. Konsept olduğu için telifsiz fotoğraflardan seçtik; gerçek bir projede yerlerini atölyenin kendi çekimleri alır. Her fotoğrafı ekran boyutuna göre ayrı ayrı küçültüp sıkıştırdık. Sır renklerini anlatan bölüm sekmelerle çalışıyor ve bunun için sayfaya ek bir betik yüklenmiyor.
✦ Neler yaptık · 04
Google’a hazır altyapı
Her sayfanın kendi başlığı ve açıklaması var. İşletme bilgileri, hizmetler, sık sorulan sorular ve sayfa yolu, arama motorlarının okuduğu yapılandırılmış veriyle de işaretli; açılış saatleri, adres ve iletişim bilgisi sayfada ve bu veride aynı. İşletme gerçek olmadığı için demo, yayına alınırsa arama sonuçlarına girmeyecek şekilde ayarlı.
✦ Ekranlar
İçinde kaydırarak gezin ↕
✦ Durum ve sonuç
Kilevi konsept bir proje; gerçek bir müşterisi, satışı ya da rezervasyonu yok. Gösterdiği şey Açılış paketinde teslim ettiğimiz yapı: hizmet sayfaları, rezervasyon akışı ve Google altyapısı, büyük fotoğraflarla kurulmuş bir sitede de hızlı açılabiliyor.
İşinize benzer bir çalışma başlatmak isterseniz bize buradan ulaşın.
