UI/UX - My Stock
UI/UX ~ MUHAMMAD YOGA ADHA PRATAMA
Deksripsi Singkat
My Stock adalah salah satu E-Commerce yang menjual kebutuhan khusus sembako namun dapat dibeli dengan cara online. Walau terlihat sama seperti aplikasi serupa kebanyakan, namun aplikasi ini membawa perubahan modifikasi fitur yang benar-benar dibutuhkan oleh beberapa orang. Seperti adanya fitur pemberitahuan informasi terbaru tentang update harga barang menurut harga pasar secara global di Indonesia. Biasanya update harga barang terbaru kurang diperhatikan dan jarang diberikan informasinya secara cepat dan real-time. Karena biasanya di E-Commerce kebanyakan beberapa toko memiliki rentang harga yang berbeda-beda pada barang jualan yang sama. Namun berbeda dengan aplikasi ini, karena dikelola oleh satu perusahaan saja dan memiliki update harga sesuai dengan harga pasar global di Indonesia.
Deskripsi Lengkap
LATAR BELAKANG
Saat ini kebutuhan barang sekunder dan primer mengalami lonjakan permintaan yang sangat tinggi. Sehingga permintaan sangat tinggi sementara ketersediaan stok barang yang mulai menipis dan tidak terarah dan kurangnya mengalami perhatian oleh beberapa lembaga pengawasan terutama pada bidang pengawasan barang sembako. Karena kita telah akan memasuki era digital industri 5.0, maka kita harus siap menghadapi semua teknologi yang serba digital dan serba instan serta praktis hanya dalam genggaman kita. Hal ini semakin banyak bertebaran aplikasi penyedia layanan jual beli barang mulai dari barang sekunder hingga primer. Oleh karena itu, aplikasi ini diciptakan untuk kebutuhan itu, namun dengan teknologi fitur yang baru serta jarang ada yang memiliki fokus kearah sana. Pada portofolio ini akan saya jabarkan beberapa hal yang berkaitan dengan My Stock.
INTERVIEW
A. Goals :
untuk mengetahui kebutuhan apa saja yang diperlukan oleh masyarakat akan bahan pokok terutama berupa barang sembako, memberitahukan informasi up to date kenaikan harga pada sembako, menyediakan kebutuhan pokok sembako, dan seberapa paham masyarakat menggunakan teknologi berbasis online shop. Kepada pengguna yang sudah lumayan familiar dengan aplikasi mobile yang berbasis online shop sebagai contohnya dan juga kepada masyarakat yang memiliki tingkat kesibukannya yang lumayan tinggi sehingga tidak sempat untuk pergi membeli barang belanjaan yang diperlukan.
B. Question :
- Apa saja barang atau sembako yang paling dibutuhkan oleh anda pada saat ini?
- Bagaimana biasanya anda mengetahui informasi kenaikan harga barang atau sembako?
- Apakah anda sudah familiar dengan yang namanya online shop?
- Apa aplikasi online shop yang biasanya anda pakai pada saat membeli sesuatu?
CASE STUDY
Terdapat seorang mahasiswi pada salah satu perguruan tinggi di Kalimantan Selatan bernama Nabella yang memerlukan sebuah aplikasi berbasis E-Commerce yang dapat membantunya untuk membeli barang-barang secara online dan juga bisa mengetahui update harga secara real-time berdasarkan harga pasar sekarang.
EMPATHY MAP
Empathy map digunakan untuk mengetahui perasaan yang dirasakan oleh user yang di sini terdapat 4 point yaitu Does, Says, Think, dan Feels. Di sini saya membuat empathy map dari Nabella yang merupakan seorang mahasiswi. Berikut adalah bentuk empathy map dari Nabella yang digunakan untuk menyelesaikan permasalahan yang ada.
USER PERSONA
Persona adalah sebuah citra atau kepribadian yang ditampilkan oleh seseorang di depan umum atau dalam latar tertentu yang bisa diketahui melalui dari sebuah wawancara singkat tentang permasalahan yang ada disekitarnya. Berikut adalah bentuk user persona dari Nabella yang digunakan untuk menyelesaikan permasalahan yang ada.
USER STORIES
User Stories adalah salah satu bentuk sudut pandang dari sisi persona untuk memberikan ringkasan permasalahan yang dialaminya. Berikut adalah bentuk user stories dari Nabella yang digunakan untuk menyelesaikan permasalahan yang ada.
USER JOURNEY
User Journey adalah rangkaian gambaran proses pengalaman yang dimiliki pengguna yang dibangun dari user persona dan user stories untuk mencapai tujuan tertentu. Berikut adalah bentuk user journey dari Nabella yang digunakan untuk menyelesaikan permasalahan yang ada.
PROBLEM STATEMENT
Problem Statement adalah cara menyimpulkan dan mengidentifikasi masalah yang dihadapi oleh persona yang nanti akan dijabarkan dan ditinjau lagi untuk dipecahkan masalahnya. Berikut adalah bentuk problem statement dari Nabella yang digunakan untuk menyelesaikan permasalahan yang ada.
CRAZY EIGHT
Crazy Eight adalah salah satu metode berbasis ideation yang digunakan untuk memberikan acuan bantuan dalam menjabarkan beberapa bentuk ide dalam durasi waktu yang sangat singkat. Berikut adalah bentuk crazy eight yang digunakan untuk membuat dasar aplikasinya.
LOW FIDELITY WIREFRAMING
Low Fidelity Wireframing adalah metode dasar atau tahap awal rancangan desain visual yang digunakan sebagai acuan awal sebelum ketahap selanjutnya.
HIGH FIDELITY WIREFRAMING
High Fidelity Wireframing adalah sebuah metode yang membuat desain representasi hasil paling akhir dari metode sebelumnya yang telah diberikan prototype dasar dari sebuah UI/UX dengan beberapa wireframing yang diberikan pada antar frame.
DESIGN SYSTEM
Design System adalah kumpulan dari beberapa komponen yang telah dibuat sebelum membangun High Fidelity Wireframing .
APLIKASI
MY Stock adalah sebuah rancangan aplikasi berbasis E-Commerce yang menghadirkan beberapa fitur baru dan diharapkan sangat membantu para konsumen terutama yang memerlukan fitur update harga barang mengikuti harga pasar global di Indonesia yang bisa secara real-time sehingga para calon konsumen bisa mempertimbangkan barang yang akan dibelinya. Dengan adanya keluhan dari beberapa konsumen yang terbiasa membeli pada online shop yaitu adalah perbedaan harga pada setiap beberapa toko dengan barang yang dijualnya adalah sama namun dengan selisih yang lumayan jauh dan terkadang takutnya akan keaslian dari barang tersebut. Pada aplikasi My Stock ini berfokus penjualan pada barang kebutuhan sehari-hari terutama adalah barang sembako untuk keperluan harian yang saat ini para konsumen sangat perlukan namun tidak sempat untuk berbelanja secara offline atau ke pasar dan supermarket.
PROTOTYPE
- Figma : https://www.figma.com/file/UJzKeh4cICzA27KqNu2JQj/My-Stock?node-id=11%3A2&t=6M7MbyV16DI844V4-1
TOOLS
- www.figma.com
- www.canva.com
PORTFOLIO TERKAIT

MindVerse - Capstone Project UI Design
Hamdan Fauzaan

MindVerse - UI/UX Design
Hamdan Fauzaan

UI UX Web Company Profile Kiosk Smart Campus
Helmi Sulaeman