UI/UX Case Study — Integrasi Marketplace dan Logistik pada Aplikasi Krealogi

Edi Santoso
4 min readNov 2, 2021

--

  • Disclaimer: Proyek ini merupakan bagian dari UI/UX Training Program yang diadakan oleh Kementerian Komunikasi dan Informatika Indonesia dengan Skilvul dan Krealogi sebagai Challenge Partner. Saya tidak bekerja atau diikat dalam kontrak professional oleh Krealogi.

Perusahaan: PT Karya Dua Anyam

Durasi Proyek: September — Oktober 2021

Peran dalam tim

UI/UX Designer — Bertanggung jawab melakukan riset mengenai kebutuhan pengguna, membuat user flow & wireframe, merancang elemen UI sesuai brand guideline, membuat prototype, dan melakukan usability testing.

Proyek ini merupakan kolaborasi bersama dengan Edo Firmansyah,Wardah, dan Akbar Khaerullah.

Latar belakang

Krealogi merupakan aplikasi ramah pengguna yang bertujuan membantu pencatatan kegiatan operasional dan perencanaan strategis pada UMKM Kriya.

Krealogi merupakan aplikasi ramah pengguna yang bertujuan membantu pencatatan kegiatan operasional dan perencanaan strategis pada UMKM Kriya.

Fitur yang telah tersedia:

  • Production Planning and Monitoring
  • Sales Recording
  • Expense Report
  • Inventory Management

Fitur yang sedang dikembangkan:

  • Simple CRM
  • Cash Flow Feature
  • Integration with Marketplace and Logistic

Dari 3 fitur yang akan dikembangkan, proyek ini mencakup fitur Integration with Marketplace and Logistic.

Objektif

  • Membuat tampilan integrasi marketplace yang user friendly
  • Membuat tampilan integrasi logistik yang user friendly

Proses desain

Pada proyek ini, kami menggunakan metode Design Thinking. Metode ini kami pilih karena kami perlu melibatkan pengguna dalam merancang, sehingga tampilan dari fitur ini akan lebih sesuai dengan kebutuhan user.

Proses desain yang kami jalani yaitu:

1 — Empathize

Pada proses empathize, kami mencoba mencari tahu permasalahan yang dihadapi oleh pengguna aplikasi Krealogi.

Profil pengguna Krealogi

  • Umur: 20–55 tahun
  • Profesi: pemilik UMKM Kriya, F&B, dan Fashion
  • Rentang Geografis: seluruh Indonesia

2 — Define

Selanjutnya, kami mendefinisikan pain point yang dihadapi oleh pengguna aplikasi Krealogi, di antaranya:

  • Data pengiriman barang harus dicatat manual
  • Pesanan di marketplace harus dicatat manual
  • Sulit melacak barang kiriman
  • Pilihan ekspedisi logistik belum jelas
  • Ingin memperluas target pasar
  • Tidak ada fitur review dari pembeli
  • Tidak bisa filter berdasarkan status pesanan
  • Menu perlu dibuat lebih sederhana

3 — Ideate

Berdasarkan pain point dari pengguna, kami melakukan brainstorming mengenai ide solusi yang akan kami buat. Termasuk memilih solusi yang akan kami prioritaskan.

Proses brainstorming ide

How Might We (MVP)

  • Membuat menu hubungkan ke marketplace
  • Menambahkan halaman untuk mengatur toko-toko di marketplace
  • Menambahkan fitur tracking pada integrasi logistik
  • Tracking lewat API jasa ekspedisi logistik

Crazy 8's

Proses Crazy 8's

4 — Prototype

Setelah memutuskan solusi yang akan dikerjakan, kami membuat task flow, wireframe, dan merancang UI. Proses berlanjut hingga pembuatan prototype yang akan digunakan pada tahap testing. Seluruh proses ini dilakukan melalui Figma.

Task Flow

Kami membuat 2 task flow, yaitu Integrasi Marketplace dan Integrasi Logistik.

Task Flow 2: Integrasi Logistik
Task Flow 2: Integrasi Logistik

Wireframe

Wireframe 1: Integrasi Marketplace
Wireframe 2: Integrasi Logistik

Design System

Color Style
Text Style
Button
Text Field
User Flow

Prototype

5- Testing

Untuk memastikan bahwa tampilan yang kami rancang sudah user friendly, kami melakukan usability testing kepada 1 orang yang sesuai dengan profil pengguna Krealogi. UX metric yang kami gunakan adalah Single Ease Question (SEQ) untuk mengukur tingkat kemudahan dan kepuasan pengguna terhadap fitur Integrasi Marketplace dan Integrasi Logistik. Standar skor SEQ yang harus dicapai adalah 5,5/7 untuk dianggap user friendly.

Skala Single Ease Question

Skor SEQ

  • Integrasi Marketplace: 6/7
  • Integrasi Logistik: 5,5/7

Saran pengguna

  • Memperjelas perbedaan tampilan nama akun dan toko
  • Diperlukan filter atau pembeda antara pesanan yang sudah dibayar dan belum dibayar
  • Tidak perlu mengatur jadwal pickup barang untuk logistik

Video Presentasi

Kesimpulan

Desain UI/UX untuk fitur Integrasi Marketplace dan Logistik pada aplikasi Krealogi tersebut sudah user friendly.

Rekomendasi selanjutnya

  • Menambah jumlah pengguna dalam usability testing
  • Melakukan proses literasi desain dari masukan pengguna

--

--