BERA TOPRAKWEB TASARIMIÖzel dikim sürecini randevudan önce tanımak.
Koleksiyonları, atölyeyi ve tasarım sürecini tanıtan, randevu formuyla tamamlanan tek sayfalık web sitesi.
- Üstlendiğimiz işler
- Hizmetin sunumu, randevuya yönlendirme ve sayfa tasarımı
- Kapsam
- Tek sayfalık web sitesi ve randevu formu
Atölye nasıl çalışıyor?
Özel dikim yaptırmak isteyen birinin, koleksiyonu görmenin yanında tasarımcıyı ve çalışma sürecini de tanımaya ihtiyacı var. Sayfayı, ziyaretçi randevu istemeden önce atölye ve işçilik hakkında bilgi edinebilecek şekilde düzenledik.
Ziyaretçi neleri, hangi sırayla görüyor?
- 01Tasarımcı
Tasarımcı portresi ve el yazısı imza, atölyenin tanıtımına eşlik ediyor.
- 02Koleksiyonlar
Her koleksiyon tam ekran bir bölümde sunuluyor. Bölümler dergi sayfaları gibi üst üste geliyor.
- 03Tasarım süreci
Çalışma süreci numaralandırılmış adımlarla anlatılıyor. Görsel, kaydırma sırasında metinden farklı hızda hareket ediyor.
- 04Çalışmalardan örnekler
Podyum ve gelin fotoğraflarından oluşan bir galeri sunuluyor.
- 05Randevu
Sayfa, masaüstünde iki sütunlu gösterilen randevu formuyla tamamlanıyor.
Fildişi, altın ve yumuşak renkler.
Fildişi zeminde şampanya tonunda altın vurgular kullandık. Açık pembe ve adaçayı tonlarıyla paleti tamamladık. Başlıklarda klasik tırnaklı yazı karakteri, etiketlerde geniş harf aralıklı küçük tırnaksız yazılar, tasarımcı adında ise el yazısı kullandık.
Proje 01’de koleksiyonun görsel sunumu öndeydi. Bu projede atölye ve çalışma süreci hakkında bilgi verip ziyaretçiyi randevu formuna yönlendirmeyi amaçladık.
Atölyeyi anlatan ayrıntılar.
- Açılış
- İsim harf harf beliriyor, altın çizgi uzuyor ve açılış perdesi kalkıyor.
- Koleksiyon bölümleri
- Bölümler üst üste yerleşiyor. Görseller kaydırma sırasında farklı hızda hareket ederken metin sol altta kalıyor.
- İmza
- Portrenin yanındaki imza, elle yazılıyormuş gibi çizilerek beliriyor.
- Galeri
- Görseller asimetrik bir düzende sunuluyor. Üzerine gelindiğinde isim ve etiket açılıyor. Mobilde galeri iki sütuna dönüşüyor.
- Randevu formu
- Form masaüstünde iki sütun, mobilde tek sütun olarak gösteriliyor.
- Azaltılmış hareket
- Cihazın hareket azaltma tercihi açıksa açılış animasyonu gösterilmiyor ve diğer animasyonlar kapatılıyor.
Sayfa, randevu formuyla tamamlanıyor.
Tasarımcı, koleksiyonlar, çalışma süreci ve örnekler belirli bir sırayla sunuluyor. Ziyaretçinin atölye hakkında bilgi edinip randevu talebini aynı sayfadan iletebilmesi amaçlanıyor.
Benzer bir proje düşünüyorsanız bize yazın. Ne yapmak istediğinizi kısaca anlatmanız yeterli.
E-posta gönderin