Skip to main content
VluxTech

Landing page aplikasi trading dengan hero berupa adegan 3D yang hidup

Tangkapan layar situs demo di desktop
Klien
Tanpa klien, versi template
Lingkup
LANDING PAGE
Waktu pengerjaan
Versi demo
Teknologi
Three.js · Cloudflare Workers

Masalahnya

Aplikasi trading hampir selalu dibuka dengan mockup ponsel dan grafik yang sama, jadi layar pertamanya tidak memberi tahu apa bedanya aplikasi ini. Hero 3D yang menonjol biasanya berupa video hasil render: berat di ponsel, buram saat direntangkan di layar lebar, dan diam saja apa pun yang dilakukan pengunjung.

Yang kami bangun

Satu halaman untuk bursa fiktif yang mencakup kripto, saham AS dan Indonesia, serta forex. Hero-nya adalah adegan 3D real-time yang ditulis dengan Three.js: pita berpanel menggambar dirinya seperti garis harga, dan koin Bitcoin, Ethereum, Solana dan Tether berwarna pastel melayang di sekitarnya, miring mengikuti mouse dan terangkat saat halaman di-scroll. Adegannya disusun terpisah untuk ponsel, tablet dan desktop, berhenti menggambar saat tidak terlihat, dan diam untuk pengunjung yang mematikan animasi. Di bawahnya: ticker harga, empat pasar dalam satu daftar, tabel biaya yang menampilkan setiap potongan, tiga langkah daftar, dan cara uang nasabah dijaga.

Tiga tampilan mobile dari situs demo

Proyek lainnya