Net fiyat
Tüm paketlerde
Tek seferlik kurulum bedeli ve sabit aylık abonelik; ikisi de teklifte açıkça yazar. İlk günden ne ödeyeceğinizi bilirsiniz.
İhtiyaç
Bu bir müşteri projesi değil, Kantex’in kendi konsept demosudur. Amaç: ziyaretçiler ayrı bloklar arasında gezinmek yerine kaydırmanın filmi yönettiği bir sitenin nasıl hissettirdiğini göstermek.
Cam filmi ve kaplama işletmesi buna iyi bir örnektir: ziyaretçi randevu almadan önce film seviyeleri ve renkler arasındaki farkı görmek ister.
Çözümümüz
Kaydırırken tam ekran, sabitlenmiş bir görüntü dizisi oynar: bir SUV şeffaf camdan tamamen karartılmış hale geçer, ardından bir sedan dört kez kaplama rengi değiştirir. Diziler 8 (film) ve 6 (kaplama) adıma bölünmüştür.
Dizinin çevresinde bir film stüdyosu ve bir renk stüdyosu, fiyat hesaplayıcı, paketler, sık sorulan sorular ve bir rezervasyon penceresi bulunur. Tüm metinler, fiyatlar ve adımlar kodda tek bir yerdedir.
Teknik: Nuxt 4, Vue 3, Tailwind CSS 4, GSAP (ScrollTrigger ve SplitText), akıcı kaydırma için Lenis ve kareleri oynatmak için Three.js. Arka uç yoktur. Bir betik videoyu karelere dönüştürür.
Sonuç
Demo kantex-3d-car-scroll.vercel.app adresinde yayında. Bir konsepttir: fiyatlar örnek fiyatlardır ve rezervasyon formu hiçbir şey göndermez.
Müşteri sonucu, ciro rakamı veya gerçek rezervasyon yoktur; Kantex’in bir scroll web sitesiyle neler yapabileceğinin vitrinidir.
Kullanılan teknolojiler
- Kaydırmayla çalışan animasyon
- Nuxt 4
- Vue 3
- Tailwind CSS 4
- GSAP (ScrollTrigger, SplitText)
- Lenis
- Three.js
- Konsept demo, arka uç yok