KONUŞALIM
Regalia — moda e‑ticareti

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.

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

Her karar, markanın kendisinden ve dünya moda sitelerinin ölçülerinden geliyor.

01

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ı.

02

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ı.

03

Ölçülü renk

Zemin renkleri dünya moda sitelerinden ölçülerek seçildi. Tek vurgu, logodaki tacın altın rengi.

Üzerinde gezdirerek sarın
01 — Açılış

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ş
Üzerinde gezdirerek sarın
02 — Panel geçişleri

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ü
Üzerinde gezdirerek sarın
03 — Ürün vitrini

Ü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
04 — Tasarım dili

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.

Kemikzemin
Kâğıtaçık panel
Mürekkepkoyu panel
Altıntek vurgu
Kırmızıaz kalan ürün
Helvetica Neuetek yazı ailesi
200–250başlık ağırlığı
Geniş aralıketiketler
Üzerinde gezdirerek sarın
05 — Telefonda

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ı.

8kemerli panel olarak gelen bölüm
7oval vitrinde ikişer çekimle ürün
1yazı ailesi
%98açılıştaki çizimin logodaki tacla örtüşmesi
Sonraki çalışma · 04Dijital Ürün KataloğuDijital Ürün Kataloğu