piton
piton
Coffi
[02]

Coffi

2026
Müşteri
Piton
Yıl
2026
Kapsam
Front-end development, motion design, interactive content
Rol
Front-end Development
§ Proje Detayı

Coffi — Next.js ile yeniden geliştirilen kahve markası konsepti — video hero, beş soruluk kahve testi, Rive ve Lottie animasyonları ve 89 iç sayfa.

Coffi, Delta Cafés tasarım referansını Next.js ile yeniden geliştirdiğimiz kahve markası konsepti. Video hero, ürün şeridi, marka tarihi, kahve döngüsü, journal ve sürdürülebilirlik bölümlerinin yanında 36 ürün detayı ve journal yazıları dahil 89 iç sayfa önceden oluşturuluyor; beş soruluk kahve testi kullanıcıyı yedi profilden birine eşleştiriyor.

Lenis kaydırma, GSAP ScrollTrigger geçişleri, Rive ve Lottie animasyonları, Chart.js grafikleri ve fizikli fotoğraf/halat sahnesi React istemci bileşenleriyle yönetiliyor. Ürün filtreleri, sürüklenebilir şeritler ve mobil alt menüler masaüstü ve mobilde test edildi. Çalışma, özgün Delta Cafés tasarımını referans alan bir ön yüz geliştirme konsepti olarak Coffi adıyla Vercel'de yayınlandı.

Next.jsGSAPRiveLottieChart.js