Audi Türkiye için yeni A6 Sedan'ın lansman sayfasını tasarladık ve kodladık. Sayfanın merkezinde, ziyaretçinin aracı tarayıcıda gerçek zamanlı olarak keşfedip kendine göre yapılandırabildiği Three.js tabanlı bir 3D konfigüratör yer alıyor.
Renk, jant ve donanım seçimleri anında model üzerinde görünüyor; kullanıcı aracın etrafında serbestçe dönebiliyor, iç mekâna geçebiliyor. Audi'nin bugüne kadarki en aerodinamik içten yanmalı otomobilini statik görseller yerine interaktif bir deneyimle anlatmayı hedefledik.
Hizmetler
Konsept
Landing Page Tasarımı
3D Model Optimizasyonu
Three.js / WebGL
Konfigüratör Geliştirme
Animasyon
Müşteri
Audi Türkiye
Doğuş Otomotiv
Keşfetmek için kaydır »
02 — 3D KONFİGÜRATÖR
Tarayıcıda, gerçek zamanlı 3D.
Ziyaretçi sayfadan ayrılmadan aracını oluşturuyor: gövde rengini, jantı ve iç mekânı seçiyor, değişiklikleri anında 3D model üzerinde görüyor. Kamera aracın etrafında serbestçe dönüyor, tek dokunuşla kabine geçiyor. Masaüstünde ve mobilde akıcı çalışacak şekilde optimize edildi.
RENKLacivert
JANT19″ Tasarım
18″19″20″21″
GÖRÜNÜMDış mekân
Dış mekânİç mekân360°
A6 Sedan 2.0 TDI quattroTEST SÜRÜŞÜ
03 — TEKNİK YAKLAŞIM
360°
Dış ve iç mekânda serbest kamera
Statik görsel galerisi yerine, ziyaretçinin kendi açısından keşfettiği tek bir canlı model.
NE GELİŞTİRDİK
01
Three.js / WebGL sahnesi
Gerçek zamanlı render, ışık ve yansımalar
02
Model optimizasyonu
Web için hafifletilmiş, hızlı yüklenen 3D model
03
Konfigürasyon motoru
Renk, jant ve görünüm seçimlerinin anlık uygulanması
