UI/UX Design WebGIS DJED Komdigi

Tahun Project :

2026

Jenis Layanan :

UI/UX

Durasi Pengerjaan :

1 Bulan

Teknologi :

Figma, Design System, WebGIS

Status :

Selesai

Tentang Perusahaan/Klien

Direktorat Jenderal Ekosistem Digital (DJED) merupakan bagian dari Kementerian Komunikasi dan Digital Republik Indonesia (Komdigi) yang menjalankan berbagai fungsi terkait pengembangan ekosistem digital nasional. Project ini dikerjakan oleh Inkamedia melalui PT KBB Karya Berdiri Bersama, Bandung, sebagai pihak ketiga dalam pekerjaan pengembangan WebGIS untuk DJED Komdigi. Dalam project ini, Inkamedia bertanggung jawab pada perancangan awal UI/UX dan design system WebGIS, mencakup struktur antarmuka publik maupun internal, pola interaksi berbasis peta, dashboard, sistem filter, komponen informasi, serta berbagai tools pendukung pengelolaan dan eksplorasi data spasial.

Ruang Lingkup

Analisis Kebutuhan, UI/UX Design, UX Architecture, WebGIS Interface Design, Dashboard Design, Data Visualization, Design System, Prototyping

Tantangan

WebGIS memiliki kebutuhan antarmuka yang lebih kompleks dibandingkan website konvensional karena pengguna harus berinteraksi langsung dengan peta sekaligus mengakses berbagai data, layer, filter, informasi wilayah, dan tools pendukung.

Tantangan utama dalam project ini adalah menciptakan antarmuka yang mampu menampilkan data spasial dalam jumlah besar tanpa mengurangi area kerja utama pada peta.

Selain kebutuhan pengguna publik untuk melakukan eksplorasi data berdasarkan wilayah dan kategori, sistem juga memiliki kebutuhan internal yang lebih kompleks, termasuk akses terhadap data, pengelolaan informasi, serta fungsi pendukung operasional.

Antarmuka harus tetap mudah dipahami meskipun memiliki banyak fitur dan jenis data yang berbeda.

Solusi

Inkamedia merancang WebGIS menggunakan pendekatan full-map interface, dengan menjadikan peta sebagai area kerja utama dan menempatkan fitur lainnya sebagai komponen kontekstual di sekelilingnya.

Sidebar dirancang untuk mengakomodasi navigasi, pemilihan layer, pencarian, serta berbagai parameter filter tanpa mengambil terlalu banyak ruang dari area peta.

Informasi objek ditampilkan menggunakan floating information panel, sehingga pengguna dapat melihat detail data secara langsung tanpa harus meninggalkan konteks lokasi pada peta.

Berbagai map controls seperti basemap, measurement, legend, filter, dan utility lainnya ditempatkan berdasarkan fungsi dan prioritas penggunaan agar interface tetap bersih.

Untuk kebutuhan internal, dirancang pula interface pengelolaan data dan fitur operasional dengan pola visual yang tetap konsisten dengan WebGIS publik.

Seluruh interface kemudian dibangun menggunakan design system dan reusable components sehingga konsistensi typography, spacing, button, form, panel, status, navigation, dan komponen lainnya dapat dipertahankan pada seluruh bagian aplikasi.

Ringkasan Hasil

WebGIS memiliki struktur antarmuka yang lebih terorganisasi.
Peta mendapatkan area visual yang lebih luas melalui pendekatan full-map.
Navigasi, layer, dan filter dapat diakses tanpa mengganggu aktivitas eksplorasi peta.
Informasi spasial dapat ditampilkan tanpa menghilangkan konteks lokasi pengguna.
Kebutuhan WebGIS publik dan internal dapat diakomodasi dalam satu bahasa desain yang konsisten.
Design system dan reusable components mempermudah pengembangan serta penambahan fitur berikutnya.
Struktur desain dapat digunakan sebagai fondasi implementasi WebGIS.