Merancang Visual, Menyampaikan Insight

Beberapa waktu lalu, saya menyelesaikan desain UI/UX untuk Madero, sebuah konsep website e-commerce. Proyek ini awalnya sederhana — saya hanya ingin membuat antarmuka yang bersih, responsif, dan nyaman dilihat. Namun ketika mulai membuat mockup-nya, saya menyadari bahwa desain bukan lagi sekadar soal warna dan komposisi. Ia berbicara tentang data, perilaku, dan keputusan bisnis.

Dari layar ke pengalaman

Dalam prosesnya, saya membuat dua versi mockup:

• Tampilan laptop menampilkan pengalaman lengkap — katalog produk, navigasi utama, dan visual hero yang menggambarkan identitas brand.
• Tampilan smartphone menyoroti kepraktisan: tombol yang lebih besar, struktur konten yang lebih ringkas, dan alur belanja yang cepat.

Saat keduanya disusun bersamaan, saya melihat satu hal penting: setiap perangkat menciptakan perilaku yang berbeda. Di layar besar, pengguna cenderung mengeksplor lebih lama. Tapi di layar kecil, mereka mencari kecepatan — ingin menemukan produk favorit dan langsung checkout.

Di sinilah desain mulai berinteraksi dengan dunia nyata, bukan hanya sebagai tampilan visual, tapi sebagai alat prediksi perilaku.

Dari visual ke data: peran Business Intelligence

Banyak orang menganggap BI hanya milik analis data atau tim keuangan, padahal dalam dunia desain digital, BI justru bisa menjadi kompas yang tak terlihat. Bayangkan kamu punya data tentang:

• Halaman mana yang paling sering dikunjungi dari perangkat mobile,
• Produk apa yang sering dilihat tapi jarang dibeli,
• Atau bagian mana di halaman yang sering diabaikan pengguna.

Data-data ini bisa diubah menjadi bahan bakar keputusan desain. Dengan BI, desainer tidak lagi bekerja berdasarkan asumsi atau selera pribadi, melainkan berdasarkan bukti nyata.

Mockup Madero yang saya buat bukan hanya pameran tampilan, tapi simulasi dari keputusan bisnis. Setiap posisi tombol, warna banner, hingga urutan produk bisa diuji dengan data BI untuk menjawab pertanyaan sederhana tapi penting: “Apakah desain ini benar-benar membuat pengguna bertahan lebih lama dan membeli lebih banyak?”

Mengubah desain menjadi percakapan dengan data

Salah satu pelajaran terbesar dari proyek ini adalah bahwa mockup hanyalah awal dari dialog dengan data. Saat sebuah desain mulai digunakan, setiap klik menjadi cerita baru. BI memungkinkan desainer membaca cerita itu bukan lewat intuisi, tapi lewat angka.

BI memberi kita kemampuan untuk mengukur, bereksperimen, dan menyesuaikan. Jika sebuah tombol tidak efektif, kita tahu alasannya. Jika tampilan mobile menghasilkan konversi lebih tinggi, kita bisa menduplikasinya ke tampilan desktop. Desain tidak lagi berhenti di tahap visual; ia berevolusi bersama perilaku pengguna yang terekam dalam data.

Desain yang cerdas adalah desain yang sadar data

Integrasi antara desain dan Business Intelligence menciptakan apa yang saya sebut sebagai data-aware design. Desain yang tidak hanya menawan, tetapi juga responsif terhadap perubahan perilaku dan kebutuhan pasar. Desain seperti ini mampu menjawab pertanyaan bisnis sekaligus memperkaya pengalaman pengguna.

Mockup Madero hanyalah satu contoh kecil dari bagaimana desain dan BI bisa berjalan beriringan. Laptop dan smartphone yang ditampilkan bersusun di mockup bukan hanya simbol tampilan yang berbeda, tapi simbol dari dua dimensi yang saling melengkapi.