KONUŞALIM
Atölyeden Sinematik Koleksiyona Web Deneyimi

Bir gelinlik atölyesi için, moda dergisi gibi okunan sinematik bir tanıtım sitesi.

Gelinlik seçmek uzun ve duygusal bir karar. Site bu kararın başında ziyaretçiyi bir moda dergisinin sayfaları arasında gezdiriyor: tam ekran düğün videosu, üst üste binen koleksiyon sayfaları ve atölyenin süreci. Sonunda ziyaretçi randevu formuna ulaşıyor.

Üzerinde gezdirerek sarın
Yıl2026
KapsamArayüz ve hareket tasarımı, ön yüz geliştirme
SektörGelinlik ve haute couture
EkranlarMasaüstü ve telefon
Tasarımın dayanakları

Sessiz bir lüks: bir moda dergisinin yazısı, rengi ve ritmi.

01

Dergi yazısı

Başlıklarda ince bir serif ve italik vurgu, gövdede geniş aralıklı büyük harf etiketler. Sayfa bir moda dergisi gibi okunuyor.

02

Sıcak palet

Fildişi zemin, sıcak siyah ve tek vurgu olarak şampanya altını. Toz pembe ve adaçayı yeşili sayfaya canlılık katıyor.

03

Yavaş hareket

Görseller kaydırdıkça yavaşça kayıyor, yazılar sırayla beliriyor. Hiçbir hareket ziyaretçiyi acele ettirmiyor.

Üzerinde gezdirerek sarın
01 — Giriş

Site, tam ekran bir düğün videosuyla açılıyor.

Siyah beyaz video yavaşça yaklaşırken başlık ortada duruyor. Kaydırdıkça atölyenin hikâyesi çerçeveli bir portreyle geliyor; portre kendi çerçevesinin içinde yavaşça kayıyor.

  • 01Tam ekran siyah beyaz video
  • 02Yavaş yakınlaşma
  • 03Çerçeveli portre ve paralaks
  • 04Kaydırınca beliren yazılar
Üzerinde gezdirerek sarın
02 — Koleksiyonlar

Koleksiyonlar, üst üste binen dergi sayfaları olarak geliyor.

Her koleksiyon tam ekran bir sayfa. Kaydırdıkça yeni sayfa bir öncekinin üstüne biniyor, arka plandaki fotoğraf yavaşça kayıyor. Ziyaretçi bir dergiyi çeviriyormuş gibi ilerliyor.

  • 01Üst üste binen tam ekran sayfalar
  • 02Yavaş kayan arka planlar
  • 03Büyük konturlu sayfa numaraları
  • 04Üç koleksiyon
Üzerinde gezdirerek sarın
03 — Süreç ve defile

Atölyenin süreci, ilk görüşmeden düğün gününe kadar anlatılıyor.

Tanışma, tasarım, provalar ve teslim dört adımda sıralanıyor. Ardından defile bölümü tam ekran açılıyor ve ziyaretçiyi koleksiyonun sahnedeki haline götürüyor.

  • 01Dört adımlı süreç
  • 02Görsel ve adımlar yan yana
  • 03Tam ekran defile bölümü
  • 04Ardından randevu formu
04 — Tasarım dili

Az renk, dört yazı ailesi, tek vurgu.

Renkler gelinliğin kendisinden alındı: fildişi, sıcak siyah ve şampanya altını. Yazılar dergi kapağından el yazısına kadar her görevi ayrı bir aileye veriyor.

Fildişizemin
Sıcak siyahyazı
Şampanya altınıtek vurgu
Toz pembeara bölümler
Adaçayıcanlılık
Cormorant Garamondbaşlık
Jostgövde ve etiket
Pinyon Scriptel yazısı
Üzerinde gezdirerek sarın
05 — Telefonda

Telefonda dergi sayfaları dikey ekrana göre diziliyor.

Video, koleksiyon sayfaları ve süreç küçük ekranda da tam ekran ilerliyor. Yazılar ve görseller telefona göre yeniden ölçekleniyor.

  • 01Tam ekran video
  • 02Dikey koleksiyon sayfaları
  • 03Telefona göre ölçeklenen yazılar
  • 04Randevuya kısa yol

Tek bir dosyada, hiçbir hazır temaya dayanmadan.

9bölüm
3tam ekran koleksiyon sayfası
4yazı ailesi
40 KBsitenin bütün kodu
Sonraki çalışma · 01Premium Mağaza DeneyimiPremium Mağaza Deneyimi