Scrollable content goes here

Fitur Baru - E-Commerce SF.Shop

Fitur Baru - E-Commerce SF.Shop

Role

UI/UX Design

Credit

Solo Proyek

Company

Matahari - Binar Academy (Boothcamp)

Prototype COD Sf.Shop

Sf.shop merupakan platform e-commerce milik PT Nuri Gaya Citra yang menyediakan berbagai produk berkualitas untuk memenuhi kebutuhan pelanggan. Dirancang dengan fokus pada kemudahan, keamanan, dan kenyamanan, Sf.shop memberikan pengalaman berbelanja online yang intuitif, dapat diandalkan, dan memuaskan bagi konsumen.

Dalam peran saya sebagai UI/UX Designer Intern, saya terlibat dalam tim produk yang mengembangkan aplikasi mobile e-commerce. Manajer produk menugaskan saya untuk mendesain beberapa modul dan halaman dengan tujuan mengembangkan Fitur baru yaitu COD / Bayar di tempat

Seiring dengan perkembangan belanja online, konsumen semakin menuntut metode pembayaran yang fleksibel dan aman yang sesuai dengan preferensi mereka. Salah satu opsi pembayaran yang paling banyak dicari, terutama di daerah dengan penetrasi kartu kredit yang rendah, adalah Cash on Delivery (COD) atau Bayar di Tempat. Metode ini memungkinkan pelanggan untuk membayar barang belanjaan mereka hanya pada saat menerimanya, sehingga meningkatkan kepercayaan dan mengurangi keraguan dalam menyelesaikan transaksi.

Menyadari permintaan ini, Sf.shop, sebuah platform e-commerce yang dimiliki oleh PT Nuri Gaya Citra, bertujuan untuk meningkatkan pengalaman berbelanja mobile dengan mendesain ulang sistem pembayaran COD (Bayar di Tempat). Tujuannya adalah untuk mengatasi masalah yang ada dalam proses COD, meningkatkan efisiensi, keamanan, dan pengalaman pengguna secara keseluruhan.

Sebagai bagian dari inisiatif ini, PT Nuri Gaya Citra berkolaborasi dengan Rakamin Academy untuk memberikan studi kasus bagi peserta program Pengalaman Magang Virtual Desainer UI/UX. Studi kasus ini berfokus pada perancangan ulang alur pembayaran COD untuk menyelesaikan tantangan utama dan meningkatkan kegunaan.

Sf.shop merupakan platform e-commerce milik PT Nuri Gaya Citra yang menyediakan berbagai produk berkualitas untuk memenuhi kebutuhan pelanggan. Dirancang dengan fokus pada kemudahan, keamanan, dan kenyamanan, Sf.shop memberikan pengalaman berbelanja online yang intuitif, dapat diandalkan, dan memuaskan bagi konsumen.

Dalam peran saya sebagai UI/UX Designer Intern, saya terlibat dalam tim produk yang mengembangkan aplikasi mobile e-commerce. Manajer produk menugaskan saya untuk mendesain beberapa modul dan halaman dengan tujuan mengembangkan Fitur baru yaitu COD / Bayar di tempat

Seiring dengan perkembangan belanja online, konsumen semakin menuntut metode pembayaran yang fleksibel dan aman yang sesuai dengan preferensi mereka. Salah satu opsi pembayaran yang paling banyak dicari, terutama di daerah dengan penetrasi kartu kredit yang rendah, adalah Cash on Delivery (COD) atau Bayar di Tempat. Metode ini memungkinkan pelanggan untuk membayar barang belanjaan mereka hanya pada saat menerimanya, sehingga meningkatkan kepercayaan dan mengurangi keraguan dalam menyelesaikan transaksi.

Menyadari permintaan ini, Sf.shop, sebuah platform e-commerce yang dimiliki oleh PT Nuri Gaya Citra, bertujuan untuk meningkatkan pengalaman berbelanja mobile dengan mendesain ulang sistem pembayaran COD (Bayar di Tempat). Tujuannya adalah untuk mengatasi masalah yang ada dalam proses COD, meningkatkan efisiensi, keamanan, dan pengalaman pengguna secara keseluruhan.

Sebagai bagian dari inisiatif ini, PT Nuri Gaya Citra berkolaborasi dengan Rakamin Academy untuk memberikan studi kasus bagi peserta program Pengalaman Magang Virtual Desainer UI/UX. Studi kasus ini berfokus pada perancangan ulang alur pembayaran COD untuk menyelesaikan tantangan utama dan meningkatkan kegunaan.

Objective

Objective

Berperan sebagai UI/UX Designer Intern yang terlibat dalam tim produk yang mengembangkan aplikasi mobile e-commerce. Manajer produk menugaskan saya untuk mendesain beberapa modul dan halaman dengan tujuan untuk mengembangkan fitur baru yaitu COD/Bayar di tempat

Berperan sebagai UI/UX Designer Intern yang terlibat dalam tim produk yang mengembangkan aplikasi mobile e-commerce. Manajer produk menugaskan saya untuk mendesain beberapa modul dan halaman dengan tujuan untuk mengembangkan fitur baru yaitu COD/Bayar di tempat

User Specification

User Specification

1

1

Pria/Wanita

Pria/Wanita

2

2

Usia 17 - 30 Tahun

Usia 17 - 30 Tahun

3

3

Sering/pernah berbelanja online

Sering/pernah berbelanja online

4

4

Belum/pernah menggunakan sistem COD

Belum/pernah menggunakan sistem COD

5

5

Memahami Teknologi

Memahami Teknologi

Research Question

Research Question

1

1

Apakah Anda pernah menggunakan aplikasi belanja online? Seberapa sering?

Apakah Anda pernah menggunakan aplikasi belanja online? Seberapa sering?

2

2

Barang apa yang biasanya Anda beli?

Barang apa yang biasanya Anda beli?

3

3

Apakah Anda tahu tentang sistem COD?

Apakah Anda tahu tentang sistem COD?

4

4

Apakah Anda pernah membeli dari aplikasi belanja online? Metode COD?

Apakah Anda pernah membeli dari aplikasi belanja online? Metode COD?

5

5

Apa pendapat Anda tentang belanja online dengan COD?

Apa pendapat Anda tentang belanja online dengan COD?

Empathy Map

Empathy Map

Empathy Map

Danila, seorang ibu rumah tangga, Danila memiliki keraguan untuk mencoba sistem COD. Keraguan ini muncul karena banyaknya informasi negatif yang ia lihat dan dengar mengenai sistem COD, Karena Danila belum pernah mencobanya secara langsung, Danila ingin mencoba sistem COD karena Danila terkadang hanya memiliki uang cash.

Danila, seorang ibu rumah tangga, Danila memiliki keraguan untuk mencoba sistem COD. Keraguan ini muncul karena banyaknya informasi negatif yang ia lihat dan dengar mengenai sistem COD, Karena Danila belum pernah mencobanya secara langsung, Danila ingin mencoba sistem COD karena Danila terkadang hanya memiliki uang cash.

Paint Point

Paint Point

Paint Point

Banyak pengguna masih merasa khawatir dan tidak percaya diri saat memilih metode pembayaran COD, Masalah-masalah ini menjadi tantangan besar dalam membangun kepercayaan konsumen terhadap sistem COD.

Banyak pengguna masih merasa khawatir dan tidak percaya diri saat memilih metode pembayaran COD, Masalah-masalah ini menjadi tantangan besar dalam membangun kepercayaan konsumen terhadap sistem COD.

Problem Statement

Problem Statement

Pengguna dihadapkan pada berbagai kendala dan hambatan ketika menggunakan metode COD (Cash On Delivery) untuk berbelanja online. Pengguna yang memilih metode COD merasa ragu dan memiliki kekhawatiran akan barang yang tidak sesuai, ketidaktahuan pengguna dalam melakukan COD dan juga tentang keamanan transaksi.

Pengguna dihadapkan pada berbagai kendala dan hambatan ketika menggunakan metode COD (Cash On Delivery) untuk berbelanja online. Pengguna yang memilih metode COD merasa ragu dan memiliki kekhawatiran akan barang yang tidak sesuai, ketidaktahuan pengguna dalam melakukan COD dan juga tentang keamanan transaksi.

How Might We?

How Might We?

Bagaimana kita dapat meningkatkan kepercayaan dan rasa aman bagi pengguna dan meningkatkan edukasi pengguna tentang penggunaan sistem COD dalam aplikasi SF?

Bagaimana kita dapat meningkatkan kepercayaan dan rasa aman bagi pengguna dan meningkatkan edukasi pengguna tentang penggunaan sistem COD dalam aplikasi SF?

Solution Idea

Solution Ideas

Solution Ideas

Untuk meningkatkan kepercayaan pengguna terhadap sistem COD, beberapa solusi dapat diterapkan.

Untuk meningkatkan kepercayaan pengguna terhadap sistem COD, beberapa solusi dapat diterapkan.

Task Flow

Task Flow

Task Flow

Bagian ini menjelaskan langkah demi langkah perjalanan pengguna untuk menggunakan fitur COD (Cash on Delivery) secara efektif dan aman.

Bagian ini menjelaskan langkah demi langkah perjalanan pengguna untuk menggunakan fitur COD (Cash on Delivery) secara efektif dan aman.

Wireframe

Wireframe

Wireframe

Desain antarmuka pengguna awal untuk menggambarkan alur dan struktur fitur aplikasi sebelum memasuki tahap desain akhir (hi-fidelity). Wireframe ini digunakan untuk memvisualisasikan pengalaman pengguna dalam proses login, pencarian produk, checkout, dan konfirmasi pembayaran.

Desain antarmuka pengguna awal untuk menggambarkan alur dan struktur fitur aplikasi sebelum memasuki tahap desain akhir (hi-fidelity). Wireframe ini digunakan untuk memvisualisasikan pengalaman pengguna dalam proses login, pencarian produk, checkout, dan konfirmasi pembayaran.

Hight Fidelity

Hight-Fidelity

Hight-Fidelity

Tampilan desain dengan ketelitian tinggi untuk aplikasi seluler e-commerce yang menampilkan alur pengguna dari login, pemilihan produk, hingga proses pembayaran. Setiap layar dirancang dengan mempertimbangkan kenyamanan pengguna, konsistensi visual, dan kemudahan navigasi.

Tampilan desain dengan ketelitian tinggi untuk aplikasi seluler e-commerce yang menampilkan alur pengguna dari login, pemilihan produk, hingga proses pembayaran. Setiap layar dirancang dengan mempertimbangkan kenyamanan pengguna, konsistensi visual, dan kemudahan navigasi.

Penutup

Penutup

Pengembangan fitur baru untuk SFShop ini menjadi pengalaman yang memperkuat pemahaman saya tentang pentingnya mendesain berdasarkan kebutuhan nyata pengguna. Penambahan fitur COD (Cash on Delivery) di SFShop merupakan respons terhadap kebutuhan pengguna yang masih mengandalkan metode pembayaran tunai, terutama di daerah yang belum terbiasa dengan transaksi digital atau memiliki keterbatasan akses ke layanan perbankan.

Melalui studi ini, saya belajar bahwa fitur yang tampak sederhana di permukaan seperti COD justru bisa memberikan dampak besar bagi kenyamanan dan kepercayaan pengguna terutama untuk pengguna baru atau yang masih ragu berbelanja online.

Tantangan utama ada pada bagaimana mengintegrasikan fitur ini tanpa mengganggu alur pembelian yang sudah ada, sambil tetap mempertahankan pengalaman pengguna yang lancar dan jelas.

Ke depan, saya ingin menguji lebih lanjut bagaimana fitur ini memengaruhi perilaku pengguna apakah dapat meningkatkan konversi, membangun kepercayaan pengguna baru, atau justru menimbulkan friksi baru yang perlu diatasi.

Pengembangan fitur baru untuk SFShop ini menjadi pengalaman yang memperkuat pemahaman saya tentang pentingnya mendesain berdasarkan kebutuhan nyata pengguna. Penambahan fitur COD (Cash on Delivery) di SFShop merupakan respons terhadap kebutuhan pengguna yang masih mengandalkan metode pembayaran tunai, terutama di daerah yang belum terbiasa dengan transaksi digital atau memiliki keterbatasan akses ke layanan perbankan.

Melalui studi ini, saya belajar bahwa fitur yang tampak sederhana di permukaan seperti COD justru bisa memberikan dampak besar bagi kenyamanan dan kepercayaan pengguna terutama untuk pengguna baru atau yang masih ragu berbelanja online.

Tantangan utama ada pada bagaimana mengintegrasikan fitur ini tanpa mengganggu alur pembelian yang sudah ada, sambil tetap mempertahankan pengalaman pengguna yang lancar dan jelas.

Ke depan, saya ingin menguji lebih lanjut bagaimana fitur ini memengaruhi perilaku pengguna apakah dapat meningkatkan konversi, membangun kepercayaan pengguna baru, atau justru menimbulkan friksi baru yang perlu diatasi.

Let's start creating together

Let’s turn ideas into something beautiful and powerful.

Copy my email

Let's start creating together

Let’s turn ideas into something beautiful and powerful.

Copy my email

Portfolio By Muhammad Faris 2025

Portfolio By Muhammad Faris 2025