Redesign SF.SHOP

About Nuri

Nuri adalah startup teknologi yang berkembang pesat di Asia Tenggara, NURI memiliki misi untuk menjadi platform affiliate commerce terkemuka di Indonesia dengan mematuhi 3 filosofi bisnis: inovasi, perubahan, dan kolaborasi. NURI kini fokus pada bisnis affiliate commerce di Indonesia dengan membuat aplikasi salah satunya yaitu SF SHOP. SF SHOP adalah sebuah platform e-commerce yang dimiliki oleh PT Nuri Gaya Citra, platform ini menyediakan berbagai produk. Sf.shop didesain untuk memberikan pengalaman berbelanja online yang mudah, aman, dan nyaman bagi konsumen.

Case Study

Anda berperan sebagai seorang UI/UX Designer yang terlibat di dalam tim produk yang sedang mengembangkan sebuah aplikasi mobile e-commerce. Product Manager menugaskan Anda untuk membuat desain beberapa modul atau halaman berdasarkan Taskflow yang sudah diberikan, dengan tujuan mengembangkan fitur baru yaitu COD / bayar di tempat. Dari Study Case diatas, buatlah solusi desain produk aplikasi e-commerce tersebut mengguakan metode Design Thinking

Design Process

Design thinking merupakan pendekatan atau metode pemecahan masalah baik secara kognitif, kreatif, maupun praktis untuk menjawab kebutuhan manusia sebagai pengguna. Didalam kasus ini saya menggunakan design thinking karna bisa memecahkan masalah secara efektif.

  1. Empathize

Memahami perspektif & perasaan dari User berdasarkan Empathy Map hasil interview yang sudah diberikan

Objective

User Criteria:

  • Menggunakan aplikasi belanja online

  • Pernah/belum pakai metode pembayaran COD

  • Pria/Wanita

  • Profesi apapun

Interview Guide:

  • Apakah pernah menggunakan aplikasi belanja online? seberapa sering?

  • Beli barang apa biasanya?

  • Apakah tahu mengenai sistem COD?

  • Sudah pernah membeli di aplikasi belanja online pakai metode pembayaran COD?

  • Bagaimana menurut anda mengenai belanja online dengan COD?

Empathy Map

Empathy Map adalah alat yang sangat efektif dalam memahami pengguna secara mendalam dan menyeluruh. Dengan menggunakan empathy map, kita bisa menggali lebih jauh ke dalam pikiran dan perasaan pengguna, memahami kebutuhan dan keinginan mereka, serta mengidentifikasi masalah dan tantangan yang mereka hadapi.

User Pesona

2. Define

Mendefinisikan permasalahan user yang akan diselesaikan dari sudut pandang user

Problem Statement

  • Kemanan yang masih lemah sehingga ada akun pengguna yang digunakan untuk beli barang menggunakan COD tanpa sepengatahuan pengguna.

  • Pengguna belum pernah belanja online menggunakan fitur COD dan tidak mengerti syarat ketentuannya.

  • Ketika barang sampe ke alamat tujuan ternyata barang tidak sesuai deskripsi.

How Might We

  • Meningkatkan keamanan agar pengguna bisa menggunakan pembayaran COD dengan keamanan yang optimal?

  • Menampilkan halaman persyaratan & ketentuan untuk fitur COD?

  • Pengguna yang menggunakan fitur COD bisa mengembalikan pesanan yang tidak sesuai dengan deskripsi?

3. Ideate

Membuat rancangan ide solusi berupa Wireframe

Solution Idea

  • Membuat PIN untuk pembayaran COD agar akun pengguna tidak bisa digunakan oleh orang lain tanpa persetujuan pengguna.

  • Membuat halaman persyaratan dan ketentuan untuk pembayaran COD

  • Membuat fitur pengembalian barang ketika barang sudah diterima namun ternyata barang tidak sesuai dengan deskripsi.

User Flow

user flow adalah serangkaian tugas atau langkah yang perlu pengguna lalui dari awal hingga akhir untuk dapat menjalankan suatu fungsi atau fitur.

Low-fidelity Wireframe

UI Style Guide

High-fidelity Wireframe

4. Prototype

Prototipe adalah alat yang sangat penting dalam proses desain, khususnya dalam pengembangan produk digital seperti aplikasi dan situs web. Prototipe memungkinkan kita untuk mengeksplorasi ide-ide, menguji asumsi, dan mendapatkan umpan balik sebelum menginvestasikan waktu dan sumber daya yang signifikan dalam pengembangan akhir. Menampilkan desain Prototype Hi-Fi sebagai solusi yang konkret dari rancangan wireframe sebelumnya.

Link Prototype

More by Zaki Pramana Putra

View profile