Studi Kasus: Mencari Toko Circle K

Aha Amhar
5 min readFeb 18, 2021

Semua masalah dalam kasus ini hanyalah asumsi pribadi

Latar Belakang

Ini adalah latihan saya dalam membuat studi kasus,.Bercerita tentang kesulitan menemukan minimarket terdekat saat berada di daerah baru. Dalam hal ini, saya mengambil brand Circle K. Asumsi saya, masyarakat yang memiliki aplikasi minimarket ini akan terbiasa untuk mencari toko terdekat dan beberapa informasi toko yang mereka cari. Sasarannya adalah user aplikasi Circle K.

Tujuan

Tujuan dari aplikasi ini adalah untuk memudahkan user dalam mencari toko Circle K, saya menggunakan aplikasi google maps kebiasaan pengguna agar aplikasi ini mudah digunakan oleh user.

Proses Desain

Proses Desain

Research

Saya mencari aplikasi Circle K di Playstore dan Apps Store tetapi tidak menemukan aplikasi Circle K khusus untuk di Indonesia. Kemudian saya mulai membuka website Circle K, baik itu website khusus negara Indonesia maupun pusat. Pada website pusat terdapat fitur “Store Location” yaitu untuk mencari lokasi outlet Circle K, namun hanya tersedia untuk outlet di AS, Eropa, dan Kanada. Sedangkan untuk website Indonesia, fitur ini tidak tersedia.

Circle K Global Site (Store Location Page)

Problem

Ketika saya berada di daerah baru yang tidak mengetahui lokasi Toko Circle K, saya akan mencari melalui aplikasi Circle K karena yang muncul di benak saya adalah nama aplikasi dari brand tersebut, bukan aplikasi lain. Asumsi saya, dalam hal ini orang lain juga akan seperti itu. Butuh waktu jika kita mencari dengan berjalan-jalan atau bertanya pada warga sekitar. Belum bisa dipastikan juga apa yang disarankan warga sekitar tentang toko Circle K sesuai dengan keinginan kita, misalnya tidak bisa 24 jam atau tidak ada toilet.

Secara pribadi jika saya menggunakan aplikasi minimarket pasti saya membutuhkan informasi lokasi Toko minimarket dan juga beberapa informasi detail seperti ada ATM atau tidak, jam buka, atau alamat lokasi. Asumsi saya seperti itu. Pada akhirnya saya punya pertanyaan seperti ini:

  • Apakah ada outlet yang terdekat dengan lokasi saya?
  • Apakah outletnya buka atau tutup?
  • Jika Ya dan buka, apakah ada layanan lain di outlet? seperti ada ATM bersama, ada toilet, atau kalau di Indonesia ada petugas parkir atau tidak?

Ideation

Dari masalah yang saya sebutkan tadi, saya rasa akan sangat terbantu jika terdapat fitur “Lokasi Toko” pada website circle k di Indonesia atau mobile apps circle K (jika sudah ada). Selain bisa mencari lokasi toko, juga bisa menampilkan informasi tentang fasilitas apa saja yang tersedia di toko tersebut.

Design

Pada tahap desain, saya mulai dari mendesain user flow agar alurnya lebih jelas. Kemudian saya membuat wireframe dari aplikasi ini agar lebih mudah dalam menyusun informasi, kemudian dilanjutkan membuat versi high fidelity.

User Flow

User Flow

User Interface

Dari informasi yang saya dapatkan sebelumnya, saya akan menampilkannya dalam bentuk wireframe dan menata ulangnya agar mudah bagi user untuk melihat dan memperjelas user flow, kemudian saya membuat versi high fidelity mengikuti informasi dan user flow. Dalam hal ini, diasumsikan bahwa user sudah login.

Home Page (Store List Version)

Home Page (Store List Version)

Pada halaman ini berisi daftar toko yang berisi informasi berupa foto, alamat, jarak tempuh, waktu tempuh, ATM, parkir, toilet, dan ulasan.
Bagian aplikasi atas berisi nama brand dan terdapat tombol toogle yang berfungsi sebagai navigasi untuk mengubah tampilan daftar toko menjadi versi peta. Ada juga tab untuk memfilter daftar toko dengan jam buka, jarak, dan toko yang disimpan.

Home Page (Map Version)

Home Page (Map Version)

Halaman ini adalah tampilan versi peta dari home page versi daftar toko. Ada komponen cards untuk melihat daftar toko.
bagian atas tetap sama dengan home page versi daftar toko.

Store Detail Information Page

Store Detail Information Page

Halaman ini berisi informasi rinci dari toko yang dipilih. yaitu berupa foto, alamat, waktu dan jarak. Untuk kembali ke halaman sebelumnya, user dapat menekan icon back. Terdapat juga tombol direction yang berfungsi untuk memulai perjalanan menuju toko.

Lalu ada tab yang berisi review dari user, foto dari user, dan gambaran umum detail informasi toko. Di tab review, pengguna dapat menulis review dengan menekan tombol “tulis review” dan menekan komponen chips untuk melihat review berdasarkan jumlah bintang

Doing The Journey Page

Doing The Journey Page

Pada halaman ini pengguna dapat melihat informasi berupa nama toko, alamat, lokasi, jarak & waktu tempuh pada card yang ada di bagian bawah aplikasi. Pada antarmuka peta pengguna dapat menekan ikon tempat untuk mengetahui lokasi pengguna, kemudian terdapat ikon back untuk kembali ke halaman sebelumnya. Jika toko sudah sesuai dengan keinginan user, maka user dapat menekan tombol start untuk memulai perjalanan. hati-hati di jalan!

Terima kasih sudah membaca studi kasus ini, semoga bermanfaat bagi kita semua.

--

--