Layout Berbasis Scroll
Hero tetap, citra proyek parallax, dan pengungkapan bagian yang dikoreografikan untuk memandu pengunjung melalui narasi studio.
Profil PerusahaanFormique Architecture (Studi Kasus)2026
Website studio arsitektur yang dibangun dengan pertimbangan sedalam bangunannya.
Karya portofolio — profil perusahaan berbasis scroll untuk studio arsitektur fiktif yang berspesialisasi dalam perumahan klaster di seluruh Indonesia.
ArsitekturMotion UIAnimasi Scroll
KlienFormique Architecture (Studi Kasus)
CakupanDesain Profil Perusahaan · Animasi Scroll · Motion UI · Pengembangan Frontend · SEO
Timeline2 minggu
Tahun2026
KlienFormique Architecture (Studi Kasus)
KategoriProfil Perusahaan
LayananDesain Profil Perusahaan, Animasi Scroll, Motion UI, Pengembangan Frontend, SEO
Timeline2 minggu
Tahun2026
01
Ringkasan
Firma arsitektur di Indonesia sering kali mengandalkan template WordPress generik atau marketplace yang meratakan karya mereka menjadi grid thumbnail. Brief-nya adalah merancang website studio di mana pengalaman digital mencerminkan kesadaran spasial dan sensibilitas material yang sama dengan proyek yang dibangun.
02
Proses Bangun
Kami merancang profil perusahaan berbasis scroll dengan transisi bagian berbasis GSAP yang mencerminkan pergerakan arsitektural — pengungkapan lambat, tempo yang disengaja, dan ruang kosong yang luas. Showcase proyek menggunakan citra parallax dan tata letak yang disematkan sehingga setiap klaster hunian terasa hidup di layar seperti aslinya.
03
Apa yang Kita Kirim
Tiap komponen yang kita bangun dan alasan di baliknya.
Showcase Proyek
Tata letak gambar layar penuh untuk proyek klaster hunian dengan tag lokasi, spesifikasi, dan transisi galeri yang mulus.
Tipografi Motion
Headline beranimasi GSAP dengan pengungkapan karakter bertahap dan pelambatan lambat yang disesuaikan dengan nada arsitektural.
Build Mobile-First
Motion yang dikurangi untuk ponsel, navigasi ramah sentuh, dan pemuatan gambar yang dioptimalkan untuk jaringan seluler Indonesia.
04
Dampak & Hasil
Hasil nyata dan performa di lapangan.
6+Urutan scroll
1Pengalaman mulus
2Minggu pengerjaan
05
Teknologi
Next.jsGSAPScrollTriggerTailwind CSSVercel