Ketika Desain Bertemu Data: UI/UX sebagai Jembatan Menuju Business Intelligence

Di era digital seperti sekarang, hampir semua aktivitas bisnis sudah beralih ke ranah online, termasuk dalam dunia fashion dan penjualan sepatu. Konsumen kini lebih suka mencari, membandingkan, dan membeli produk lewat platform digital yang praktis dan mudah digunakan. Dari sinilah muncul ide untuk membuat mockup e-commerce sepatu bernama Modero.

Mockup ini saya buat sebagai bentuk penerapan konsep Business Intelligence (BI) dalam dunia bisnis digital. Tujuannya bukan hanya untuk menampilkan desain tampilan website, tapi juga menggambarkan bagaimana setiap halaman bisa menjadi sumber data yang penting untuk membantu bisnis mengambil keputusan berdasarkan data (data-driven decision making).

Mockup ini dibuat untuk menunjukkan alur bisnis dari sebuah toko online sepatu, mulai dari halaman utama, melihat produk, menambahkan ke keranjang, sampai proses pembayaran dan kontak pelanggan. Dengan desain ini, kita bisa memahami bagaimana data dari aktivitas pengguna dapat dikumpulkan dan dimanfaatkan untuk mendukung strategi bisnis melalui sistem BI.

1. Home Page

Halaman Home berfungsi sebagai tampilan utama yang pertama kali dilihat oleh pengunjung. Di bagian atas terdapat banner promosi yang menampilkan koleksi terbaru atau promo khusus. Halaman ini juga memuat rekomendasi produk yang dikurasi berdasarkan tren atau preferensi pengguna. Dari perspektif BI, halaman ini menjadi sumber data awal yang penting untuk menganalisis efektivitas kampanye promosi, tingkat klik pada banner, serta minat pengguna terhadap produk unggulan.

2. Shop Page

Pada halaman Shop, pengguna dapat melihat seluruh katalog produk yang tersedia. Terdapat fitur filter dan sortasi berdasarkan harga, kategori, atau popularitas produk. Halaman ini memungkinkan pengunjung untuk membandingkan berbagai pilihan sebelum melakukan pembelian. Data dari halaman ini dapat digunakan untuk memahami perilaku pencarian konsumen, kategori produk yang paling diminati, serta tren pembelian berdasarkan musim atau waktu tertentu. Insight tersebut dapat membantu tim pemasaran dalam menentukan strategi promosi yang lebih tepat sasaran.

3. Single Product Page

Halaman Single Product menampilkan detail lengkap dari sebuah produk, seperti nama sepatu, harga, ukuran, warna, deskripsi, rating, dan ulasan pelanggan. Tersedia juga rekomendasi produk terkait yang berfungsi untuk meningkatkan cross-selling. Data dari halaman ini sangat berharga bagi analisis performa produk, seperti mengukur tingkat ketertarikan (melalui klik dan waktu interaksi), kepuasan pelanggan (melalui ulasan dan rating), serta potensi produk untuk dipromosikan lebih luas berdasarkan popularitasnya.

4. Chart Page

Halaman Cart berisi daftar produk yang telah dipilih oleh pengguna sebelum melanjutkan ke proses pembayaran. Pengguna dapat mengubah jumlah, menghapus produk, atau kembali ke halaman sebelumnya untuk melanjutkan belanja. Halaman ini memberikan informasi mengenai cart abandonment (keranjang yang ditinggalkan tanpa pembelian). Analisis terhadap data ini dapat membantu bisnis memahami mengapa konsumen batal membeli — misalnya karena harga, biaya pengiriman, atau pengalaman pengguna — sehingga strategi retargeting dapat disusun untuk meningkatkan konversi.

5. Check Out Page

Halaman Checkout merupakan tahap akhir dalam proses pembelian. Di sini pengguna mengisi data diri, alamat pengiriman, serta memilih metode pembayaran yang diinginkan. Data dari tahap ini penting bagi BI karena mencerminkan wilayah pengiriman paling aktif, metode pembayaran yang paling sering digunakan, serta nilai rata-rata transaksi pelanggan. Insight dari halaman ini dapat mendukung pengambilan keputusan terkait pengelolaan logistik, kerjasama dengan penyedia pembayaran, serta penyusunan strategi harga.

6. Contact Page

Halaman Contact menyediakan formulir bagi pelanggan untuk menghubungi pihak toko. Pengguna dapat mengirimkan pertanyaan, masukan, atau keluhan. Bagi BI, halaman ini berfungsi sebagai sumber data kualitatif mengenai kepuasan pelanggan dan isu layanan. Analisis teks dari pesan pelanggan (melalui sentiment analysis) dapat membantu perusahaan dalam meningkatkan kualitas pelayanan dan memahami kebutuhan pengguna secara lebih mendalam.

Mockup e-commerce sepatu Modero ini merupakan rancangan visual yang tidak hanya menampilkan estetika desain antarmuka, tetapi juga menggambarkan alur bisnis yang dapat dioptimalkan dengan teknologi Business Intelligence.

Setiap halaman berperan dalam menghasilkan data yang saling terhubung, mulai dari interaksi awal pelanggan di halaman utama hingga tahap akhir pada proses transaksi dan layanan pelanggan. Dengan pengolahan data yang tepat, perusahaan dapat memperoleh insight berharga untuk meningkatkan performa bisnis, memperkuat strategi pemasaran, serta menghadirkan pengalaman pelanggan yang lebih baik.