Kembali ke Project Smart Commerce System

SONAQO Shop - Smart Commerce & CRM Dashboard

Project SONAQO - E-Commerce - Checkout - Midtrans - Admin CRM - Analytics

Dashboard user SONAQO Shop dengan hero modern smart commerce

SONAQO Shop adalah prototype sistem commerce lengkap. Bahasa gampangnya: user bisa lihat produk, login, masukin produk ke keranjang, checkout, bayar lewat payment gateway, lalu melihat status pesanan. Di sisi admin, bisnis bisa mengelola produk, memantau order, melihat chart penjualan, dan membaca performa toko.

Tujuan Project

Tujuan project ini adalah menunjukkan alur e-commerce yang mudah dipahami dari awal sampai akhir. Bukan cuma halaman jualan, tapi sistem yang punya pengalaman user, pembayaran, pesanan, admin dashboard, produk, order management, dan laporan sederhana.

Alur Paling Sederhana

  1. User membuka halaman SONAQO Shop.
  2. User melihat koleksi produk.
  3. User login atau sign up.
  4. User menambahkan produk ke keranjang.
  5. User checkout dan memilih pembayaran.
  6. Payment gateway Midtrans memproses pembayaran.
  7. User melihat status pesanan.
  8. Admin memantau order, produk, revenue, dan chart dashboard.

Masalah yang Diselesaikan

Solusi yang Dibangun

Sistem ini dibuat sebagai smart commerce dashboard. Ada halaman user untuk belanja, halaman checkout dengan Midtrans, halaman pesanan, dan halaman admin untuk mengelola produk, order, serta statistik bisnis.

Homepage user SONAQO Shop dengan search produk dan benefit checkout
Homepage User: halaman depan untuk memperkenalkan toko, mencari produk, dan mengarahkan user ke katalog.
Koleksi produk SONAQO Shop dengan search produk dan katalog
Koleksi Produk: user melihat daftar produk, mencari produk, lalu memilih item yang ingin dibeli.
Login dan sign up user SONAQO Shop
Login / Sign Up: user masuk akun agar keranjang dan pesanan bisa tercatat.

Cara Menggunakan dari Sisi User

1. Cari dan Pilih Produk

  1. Buka halaman toko SONAQO Shop.
  2. Gunakan kolom pencarian jika ingin mencari produk tertentu.
  3. Lihat katalog produk seperti headphone, smartwatch, atau keyboard.
  4. Pilih produk yang ingin dibeli.

2. Masukkan ke Keranjang

  1. Masuk ke halaman keranjang.
  2. Atur jumlah produk dengan tombol plus dan minus.
  3. Cek subtotal, total item, dan total belanja.
  4. Klik Checkout Sekarang untuk lanjut pembayaran.
Keranjang belanja SONAQO Shop dengan quantity, subtotal, dan checkout
Keranjang: user mengatur quantity, menghapus produk, dan mengecek ringkasan belanja.
Checkout SONAQO Shop dengan status pembayaran Midtrans
Checkout: user melihat status pembayaran, gateway Midtrans, dan tombol Bayar Sekarang.
Payment gateway Midtrans untuk pembayaran SONAQO Shop
Payment Gateway: Midtrans Snap membuka pilihan pembayaran seperti QRIS, virtual account, dan metode lain.

3. Pantau Pesanan

  1. Setelah checkout, user masuk ke halaman Pesanan Saya.
  2. User melihat nomor order, tanggal, total belanja, produk yang dibeli, dan status pesanan.
  3. Jika butuh detail, user bisa klik tombol Detail.
Halaman pesanan user SONAQO Shop dengan status order dan total belanja
Pesanan User: user bisa melihat riwayat transaksi dan status order.

Cara Menggunakan dari Sisi Admin

1. Pantau Dashboard Bisnis

Admin masuk ke dashboard untuk melihat angka penting: revenue, total orders, paid orders, pending orders, expired orders, total produk, total user, dan average order.

Admin dashboard SONAQO Shop dengan statistik revenue, orders, produk, dan user
Admin Dashboard: ringkasan performa toko dalam satu layar.
Chart admin SONAQO Shop untuk revenue performance, produk terlaris, customer growth, dan revenue bulanan
Charts: visualisasi revenue, produk terlaris, customer growth, dan revenue bulanan.

2. Kelola Produk

  1. Admin membuka menu Produk.
  2. Admin melihat daftar produk yang sudah ada.
  3. Admin bisa tambah produk, edit produk, atau hapus produk.
  4. Data produk yang diubah akan memengaruhi katalog user.
Admin produk SONAQO Shop untuk tambah, edit, dan hapus produk
Produk Admin: admin mengelola data produk, gambar, nama, harga, dan aksi edit atau hapus.

3. Kelola Orders

  1. Admin membuka menu Orders.
  2. Admin mencari order berdasarkan order ID atau customer.
  3. Admin filter order berdasarkan status.
  4. Admin melihat produk yang dibeli, total belanja, customer ID, dan status order.
  5. Order lama bisa diarsipkan agar dashboard tetap rapi.
Orders management admin SONAQO Shop dengan filter, status, dan archive order
Orders Management: admin memantau transaksi, status pembayaran, dan riwayat customer.

Fitur Utama

Tools / Tech Stack

Frontend e-commerce, dashboard admin, sistem autentikasi user, shopping cart, order workflow, Midtrans payment gateway, product management, order management, dan analytics dashboard.

Manfaat untuk Bisnis

Sistem Ini Bisa Dikembangkan Menjadi

Ingin sistem commerce seperti SONAQO Shop?

Diskusikan kebutuhan toko online, dashboard admin, checkout, payment gateway, CRM, atau sistem commerce custom bersama SONAQO.

Diskusi Sistem via WhatsApp Lihat Project Lain