Coffe Shop
Landing page demo untuk brand kopi fiksi "TUKU", menampilkan hero section dengan animasi cup kopi berputar yang dikontrol oleh scroll (scroll-scrubbing), dilengkapi katalog varian rasa, panduan cara seduh interaktif, dan FAQ.
Masalah
Klien butuh landing page produk yang tidak sekadar statis, tapi bisa menciptakan pengalaman visual yang menarik perhatian pengunjung sejak detik pertama — sekaligus tetap ringan dan cepat diakses meski memakai animasi berbasis gambar beresolusi tinggi.
Solusi
Membangun single-page website dengan animasi scroll-scrubbing menggunakan 208 frame gambar yang di-crossfade halus mengikuti posisi scroll (bukan video, agar kontrol animasi presisi per-piksel scroll). Ditambah preloader dengan progress bar, section produk interaktif (variant picker yang mengubah warna aksen halaman), tab cara seduh, FAQ accordion, dan form newsletter — semua dibangun native dengan HTML/CSS/JS tanpa framework agar ringan. Website kemudian di-deploy sebagai demo publik lewat Netlify.
Hasil
Demo landing page interaktif yang bisa diakses publik melalui link, siap ditampilkan ke calon klien sebagai showcase kemampuan membangun pengalaman web modern dan performa animasi yang smooth di berbagai perangkat.
Tertarik dengan proyek serupa?
Mari kita diskusikan bagaimana kami dapat membantu Anda membangun solusi digital Anda berikutnya.
Hubungi Kami