Perusahaan
PT. GDI
Role
UI/UX Designer
Timeline
4 Weeks
Platform
Web & Mobile
Overview
MineVISPERA adalah platform web application yang digunakan oleh tim operasional dan tim lapangan di industri pertambangan. Platform ini menjadi tulang punggung aktivitas harian, mulai dari pemantauan operasional, pencatatan scorecard kinerja, hingga panduan teknis untuk tim di lapangan.
Karena diakses oleh dua segmen pengguna yang berbeda, tim kantor melalui desktop dan tim lapangan melalui berbagai perangkat mobile, platform ini memiliki tuntutan desain yang kompleks: harus efisien, responsif, dan dapat diandalkan dalam kondisi kerja yang dinamis.
Project ini berfokus pada redesign UI/UX untuk meningkatkan:
- Kemudahan penggunaan (usability)
- Kejelasan informasi
- Konsistensi visual
- Efisiensi workflow pengguna
Tujuan utama redesign adalah menciptakan pengalaman pengguna yang lebih intuitif, modern, dan scalable untuk pengembangan jangka panjang.
The Challange
Sebelum redesign dilakukan, terdapat beberapa permasalahan signifikan yang memengaruhi efektivitas kerja pengguna sehari-hari:
01
Antarmuka yang sudah usang
Tampilan visual tidak lagi mencerminkan standar platform modern, menurunkan kepercayaan dan kenyamanan pengguna, terutama saat digunakan dalam kondisi lapangan yang membutuhkan respons cepat.
02
Navigasi yang membingungkan
Struktur menu tidak intuitif sehingga pengguna — khususnya tim lapangan — kesulitan menemukan fitur yang dibutuhkan secara cepat. Ini berdampak langsung pada kecepatan respons operasional.
03
Informasi yang tidak terstruktur
Data dan konten operasional tersebar tanpa hierarki visual yang jelas. Pengguna harus membaca terlalu banyak informasi sebelum dapat mengambil keputusan, yang memperlambat alur kerja secara keseluruhan.
SCOPE OF WORK
Redesign dilakukan secara komprehensif, mencakup UI visual, arsitektur informasi, dan alur interaksi pada tiga modul utama berikut:
M1
Default Module
Halaman utama dan sistem navigasi global, titik masuk pertama yang menentukan orientasi dan efisiensi akses pengguna ke seluruh fitur platform.
M2
Operation Scorecard
Dashboard metrik kinerja operasional, didesain ulang agar data kritis dapat dibaca sekilas dengan hierarki visual yang memisahkan informasi prioritas dari data pendukung.
M3
Mine Mentor
Modul panduan teknis untuk tim lapangan, dioptimalkan untuk akses cepat, keterbacaan tinggi, dan kenyamanan penggunaan di layar perangkat yang beragam.
DESIGN PROCESS
Setiap tahap dirancang untuk memastikan keputusan desain berakar pada pemahaman pengguna — bukan asumsi, sebelum masuk ke eksekusi visual.
Minggu 1 – Discovery & Audit
Proses dimulai dengan mempelajari sistem lama secara menyeluruh. Setiap modul diaudit untuk mengidentifikasi inkonsistensi, bottleneck navigasi, dan titik-titik yang paling sering menyebabkan friction bagi pengguna.
- Audit menyeluruh terhadap tiga modul eksisting
- Prioritisasi masalah berdasarkan dampak terhadap produktivitas
Minggu 2 – Information Architecture & User Flow
Setelah masalah terpetakan, tahap berikutnya adalah merestrukturisasi cara informasi diorganisasi dan diakses. Tujuannya: mengurangi jumlah langkah yang dibutuhkan pengguna untuk mencapai informasi yang mereka butuhkan.
- Penyusunan ulang hierarki informasi pada setiap modul
- Perancangan sistem navigasi baru yang lebih flat dan terkelompok
Minggu 3 – Wireframe & Layout
Sebelum masuk ke visual detail, struktur setiap halaman divalidasi terlebih dahulu dalam bentuk wireframe. Ini memastikan hierarki konten dan tata letak sudah tepat sebelum warna dan gaya diterapkan.
- Wireframe lengkap untuk seluruh halaman pada tiga modul
- Versi desktop dan mobile dikerjakan paralel sejak tahap ini
- Review dan validasi struktur bersama stakeholder
Minggu 4 – UI Design High-Fidelity & Handoff
Tahap terakhir adalah eksekusi visual penuh, dari penerapan sistem warna dan tipografi, hingga penyusunan komponen yang siap digunakan oleh tim development.
- Desain visual high-fidelity untuk seluruh halaman dan state komponen
- Penyusunan design system: color palette, typography scale, komponen UI
- Developer handoff lengkap dengan interactive prototype.
Key Feature
Clear Dashboard Structure
Dashboard dirancang ulang dengan fokus pada data utama, sehingga user dapat langsung memahami informasi penting tanpa kebingungan.
Improved Navigation & User Flow
Navigasi dibuat lebih ringkas dan logis untuk meminimalisir klik yang tidak perlu dan mempercepat aktivitas user.
Consistent Design System
MineVISPERA kini menggunakan design system yang terstruktur dan konsisten, mencakup warna, typography, spacing, dan komponen UI utama.
Readable Data Visualization
Tampilan tabel, grafik, dan data dirancang agar mudah dibaca dan dipahami, bahkan untuk data kompleks.
More Portfolio
Company Profile – Zaco Law Firm
Bimaselindo HRIS System
Siap Meningkatkan Pengalaman Pengguna Produk Digital Anda?
Konsultasikan kebutuhan desain UI/UX Anda dengan tim kami. Kami siap membantu mewujudkan produk digital yang user-friendly dan dapat mempercepat pertumbuhan bisnis Anda