tegiva.id | Tegiva

Situs perusahaan Tegiva. Satu halaman, tipografi Bricolage Grotesque di atas grid editorial, dan dua bidang shader WebGL yang berbagi satu sumber.

Masalah

Tegiva butuh satu halaman yang menjelaskan tiga layanan tanpa terdengar seperti brosur. Halamannya harus ringan dibuka dari ponsel, dan cukup mudah dirawat tanpa framework yang harus ikut diperbarui setiap bulan.

Yang kami bangun

Halaman statis: HTML, CSS, dan satu berkas JavaScript. Warna, radius, dan tipografi dipetakan dari design system perusahaan, jadi tidak ada hex yang diketik ulang per komponen.

Dua bidang WebGL memakai shader yang sama. Di hero, tiga garis mengalir di atas judul dan bergeser saat kursor mendekat. Di footer, medan yang sama diulang di dalam huruf wordmark dan dipotong memakai huruf itu sendiri sebagai mask.

Hasil

Halaman tetap terbaca tanpa JavaScript. Kalau WebGL tidak tersedia atau pengguna memilih mengurangi gerakan, shader dilewati dan tata letaknya utuh.