Jet Black Cat App, authentic and exclusive shopping app — UI/UX Case Study

Studi kasus yang di angkat merupakan salah satu syarat pemenuhan tugas Alterra Academy Kampus Merdeka Batch 4 untuk kelas UI/UX Designer. Seluruh konten yang terdapat di dalam studi kasus ini hanya bertujuan untuk pembelajaran bagi peserta kelas ini.

Saya Rivky Nurrama Insani, salah satu mentee dari kelas Becoming a Professional UI/UX Kampus Merdeka Batch 4, Alterra Academy. Saya merupakan seorang mahasiswa S1 Industri Pariwisata, Universitas Pendidikan Indonesia Kampus Sumedang.

About the project

JetBlackCat menawarkan pilihan totebag dan sticker untuk memenuhi kebutuhan mahasiswa, pelajar, dan pekerja. Dengan memberikan kelebihan produk yang dapat mengefektifkan penyimpanan barang dan desain yang original, authentic, dan aesthetic.

Challenges

Membuat sebuah aplikasi yang dapat menarik perhatian pembeli dan dapat menawarkan sebuah prduk yang eksklusif, untuk memperluas segmentasi pasar dan juga eksposure JetBlackCat.

Role

UX Researcher / User Persona Creator / Affinity Diagram Mapping / User Flow Mapping / Wireframe Mapping / User Interface Designer / Usability Tester

The Process

Design Thinking

Kasus ini mengaplikasikan Design Thinking, sebagai metode pemecahan masalah

Reference: https://www.maqe.com/insight/the-design-thinking-process-how-does-it-work/

Empathize

Concept Validation, Conducted User and Stakeholder Interview

Ideate

Prioritization Map, User Flow

Prototype

Low Fidelity Wireframe (Crazy 8 Used), Medium Fidelity Wireframe. High Fidelity Wireframe (User Interface Design).

Test

Remote Moderated Usabilty Testing

Case Problem

• Bagaimana agar produk dari Jet Black Cat bisa lebih membantu permasalahan mahasiswa, dengan memperkenalkan dan memasarkan produk Jet Black Cat, yaitu Tote Bag dan Sticker?
• Mengapa memasarkan dan memperkenalkan produk Jet Black Cat bisa menjadi suatu permasalahan. Mahasiswa, Pelajar, dan Pekerja pada saat ini, sangat membutuhkan tas yang bisa membawa banyak kebutuhan kuliah, sekolah, dan kantor mereka, namun memiliki nilai estetika dari sebuah brand dan desain original, yang tentunya bisa relate pada masa sekarang.
• Bagaimana cara Mahasiswa, Pelajar, maupun pekerja ini bisa memilih produk dari Jet Black Cat untuk menjadi pilihan mereka untuk menggunakan tas dan sticker yang dijual oleh perusahaan ini?

User Persona

Untuk memvisualisasikan user yang menggunakan aplikasi JetBlackCat

Userflow

Saya membuat sebuah proses yang akan dilalui oleh User, untuk mencapai tujuan dari kasus ini.

Prioritization Map

Dilakukan untuk memetakan prioritas solusi dari permasalahan.

Low Fidelity Wireframe

• Crazy 8

Beguna sebagai visualisasi pertama kepada user,

• Low Fidelity Wireframe

Visual Design

Pembuatan Prototype dan juga UI Design sebagai High Fidelity Wireframe, dilakukan dengan menggunakan Figma. Pada link berikut

Design Components

Test

Test dilakukan dengan menggunakan Figma Mirror, untuk menguji prototype dan usabilitas user saat diberikan Scenario Task.

Insight: User agak kesusahan saat mencari produk yang diinginkan.

Learning Poin

Pembuatan UI yang simple dapat mempermudah pengguna dalam mencari dan membeli produk yang ingin mereka beli.