Urban Motorsiklet

Amiral gemisi perakende deneyim olarak inşa edildi. Hero, kare kare bir canvas dizisi; model karusel GSAP destekli 3D kart yığınları kullanıyor; ürün detay sayfaları paralaks teknik özellik sayfalarına sahip.

Problem

Urban Motorsiklet, insanların yüz yüze görünce âşık olduğu motosikletler satıyor — ama çevrimiçi varlığı o showroom hissini veremiyordu. Model sayfaları düz teknik listelerden ibaretti; ziyaretçinin bir motoru mağazadaki gibi inceleyebileceği bir yol yoktu. Markanın, ürünü elle tutulur kılan bir amiral gemisi siteye ihtiyacı vardı.

Çözüm

Hareket üzerine kurulu kinetik bir perakende deneyimi. Hero, sayfa açılır açılmaz motoru harekete geçiren kare kare bir canvas dizisi oynatıyor; model karuseli GSAP destekli 3D kart yığınları kullanıyor; ürün detay sayfaları tam ekran fotoğrafların üzerine paralaks teknik sayfalar bindiriyor. İçerik headless CMS'ten aktığı için ekip modelleri ve kampanyaları kendisi güncelleyebiliyor.

Neler Geliştirdim

• →Kare kare canvas hero dizisi
• →GSAP destekli 3D kart yığını model karuseli
• →Ürün detay sayfalarında paralaks teknik özellik sayfaları
• →Model seçeneklerini keşfetmek için konfigüratör akışı
• →Ekibin model ve kampanyaları yönettiği headless CMS
• →Yoğun fotoğrafa rağmen sayfaları ağırlaştırmayan görsel altyapısı

Öne Çıkanlar

• →Kare dizisi hero
• →3D kart karusel
• →Paralaks özellik sayfaları

Sonuç

• →Showroom hissini çevrimiçine taşıdı — tek kelime okumadan motor hareket ediyor
• →CMS sayesinde ekibe model ve kampanyalar üzerinde tam kontrol verdi
• →Yoğun görsel diline rağmen performans gözetilerek inşa edildi
• →Kardeş showroom Urban Cars ile paylaşılan bir tasarım dili oluşturdu