Bir moda markası için, dünya markalarının seviyesinde tasarlanmış bir e‑ticaret ana sayfası.
Lüks modada ürün kadar sunuş da önemlidir. Regalia’nın ana sayfası, büyük moda evlerinin sitelerindeki ölçülü dili örnek aldı: tek yazı ailesi, geniş boşluklar, yavaş ve kendinden emin bir hareket. Koleksiyonlar, ürün vitrini ve bülten bu tasarımın içinde yer alıyor.
Her karar, markanın kendisinden ve dünya moda sitelerinin ölçülerinden geliyor.
Logodan gelen açılış
Açılışta logodaki taç çiziliyor, altınla doluyor ve dönmeye başlıyor. Çizim, logo dosyasının kendisinden çıkarıldı.
Tek yazı ailesi
Büyük moda evleri gibi tek bir yazı ailesi kullanıldı. Başlıklar ince ve büyük, etiketler küçük ve geniş aralıklı.
Ölçülü renk
Zemin renkleri dünya moda sitelerinden ölçülerek seçildi. Tek vurgu, logodaki tacın altın rengi.
Site, markanın tacını çizerek açılıyor.
Taç logo dosyasından çıkarıldığı için çizim bittiğinde ortaya çıkan şekil, logodaki tacın kendisi oluyor. Ardından marka adı maskeden yükseliyor ve perde açılıp doğrudan ana videoya geçiliyor.
- 01Logodan çıkarılan taç çizimi
- 02Altınla dolma ve dönüş
- 03Maskeden yükselen marka adı
- 04Ara ekran olmadan ana videoya geçiş
Her bölüm, bir öncekinin üstüne kemerli bir panel olarak geliyor.
Kaydırdıkça mevcut bölüm küçülerek geriye çekiliyor, sonraki bölüm kemerli üst köşeleriyle üstüne kayıyor. Sayfa, birbirini izleyen sahneler gibi okunuyor.
- 01Kaydırmaya bağlı panel geçişleri
- 02Kelime kelime yükselen başlıklar
- 03Örtüsü kalkan görseller
- 04Koyu bölümlerde rengi dönen menü
Ürünler, oval bir vitrinin yüzeyinde sergileniyor.
Kartlar ortadan uzaklaştıkça dönüyor ve geriye çekiliyor; sıra bir silindirin yüzeyine sarılmış gibi görünüyor. Sayfa kaydıkça her ürünün ikinci çekimi aşağıdan beliriyor.
- 01Sürükleyerek gezilen oval vitrin
- 02Her ürün için ikinci çekim
- 03Üzerine gelince genişleyen koleksiyon sütunları
- 04“Yeni” ve “Son 3” etiketleri
Renkler ve yazı, ölçülerek seçildi.
Sitede yalnız birkaç renk ve tek bir yazı ailesi var. Bölümler renkle değil; yazının ağırlığı, boyutu ve harf aralığıyla birbirinden ayrılıyor.
Telefonda da aynı tasarım, aynı hareketle çalışıyor.
Sütunlar telefonda alt alta diziliyor, vitrin parmakla kaydırılıyor. Açılış, paneller ve lookbook şeridi küçük ekranda da aynı ritimle ilerliyor.
- 01Telefona göre yeniden dizilen bölümler
- 02Parmakla gezilen vitrin
- 03Kaydırma hızıyla hızlanan lookbook şeridi
- 04Bülten kaydı ve alt bilgi
Hazır bir temadan değil, markanın kendi işaretinden yola çıkıldı.