🛒 Build Challenge #02 — E-Commerce Website
Build Challenge #02 bertema E-Commerce Website.
Buat website toko online modern, profesional, responsive, dan benar-benar usable untuk membantu customer menemukan produk, memilih varian, memasukkan produk ke keranjang, checkout, melakukan simulasi pembayaran, hingga melihat proses pengiriman pesanan.
Niche bebas.
Kalian bisa membuat:
Fashion / Clothing · Skincare & Beauty · Produk Brand Sendiri · Food & Beverage · Electronics · Accessories · Handmade Product · Sports · Furniture · Digital Product · atau niche lainnya.
Nama brand, jenis produk, desain, warna, konsep, layout, dan branding bebas kalian eksplor sendiri.
Targetnya adalah membuat website yang terasa seperti e-commerce sungguhan, bukan sekadar katalog produk atau hasil generate AI.
Customer harus bisa mengikuti alur:
Discover → Product → Cart → Checkout → Payment → Delivery
🛒 Minimum User Flow
Website wajib memiliki alur pembelian yang jelas dari awal sampai akhir:
1. Discover Product
Customer harus bisa menemukan produk melalui website.
Minimal tersedia:
- Homepage
- Product Catalog
- Search
- Category / Filter
- Product Card
Search dan filter yang ditampilkan harus benar-benar berfungsi.
2. Product Detail
Setiap produk harus memiliki halaman atau tampilan detail yang memberikan informasi cukup sebelum customer membeli.
Minimal:
- Nama produk
- Foto produk
- Harga
- Deskripsi
- Stock / availability
- Variant apabila relevan
- Quantity
- Add to Cart
Contoh variant: Ukuran · Warna · Aroma · Volume · Model · Jenis (disesuaikan dengan niche masing-masing).
3. Shopping Cart
Customer harus bisa:
- Menambahkan produk
- Mengubah jumlah produk
- Menghapus produk
- Melihat subtotal
- Melihat total belanja
- Melanjutkan ke checkout
Isi cart harus tetap konsisten selama user menggunakan website.
4. Checkout
Buat proses checkout yang jelas dan mudah digunakan.
Minimal customer mengisi:
- Nama
- Nomor HP
- Alamat
- Kota / wilayah
- Catatan pesanan
Kemudian customer dapat melihat kembali ringkasan:
Produk → Harga → Ongkir → Total pembayaran sebelum melanjutkan.
5. Delivery / Shipping
Website harus memiliki simulasi pengiriman.
Minimal terdapat pilihan metode atau jasa pengiriman.
Contoh:
- Regular
- Express
- Same Day
atau simulasi courier seperti: JNE · J&T · SiCepat · AnterAja · Instant Courier
Tidak diwajibkan terhubung API ekspedisi sungguhan. Namun pemilihan delivery harus memberikan pengaruh pada checkout, misalnya: ongkir berbeda, estimasi waktu berbeda, atau opsi pengiriman berbeda.
6. Payment
Setelah checkout, customer masuk ke simulasi pembayaran.
Minimal terdapat beberapa metode pembayaran seperti:
- Bank Transfer
- Virtual Account
- E-Wallet
- QRIS
- COD apabila sesuai konsep
Payment tidak perlu terhubung payment gateway asli. Peserta dapat membuat simulasi seperti: Menunggu Pembayaran → Pembayaran Berhasil, atau tombol "Simulasikan Pembayaran" untuk melanjutkan flow. Jangan meminta data kartu kredit asli atau informasi pembayaran sensitif.
7. Order Confirmation
Setelah pembayaran berhasil, website harus menampilkan halaman konfirmasi pesanan.
Minimal terdapat:
- Order ID
- Produk
- Total pembayaran
- Alamat pengiriman
- Metode pembayaran
- Metode pengiriman
- Status pesanan
8. Delivery Tracking
Customer harus dapat melihat simulasi perjalanan pesanannya.
Contoh alur status:
Pesanan Dibuat → Pembayaran Berhasil → Pesanan Diproses → Diserahkan ke Kurir → Dalam Pengiriman → Pesanan Sampai
Tidak diwajibkan menggunakan tracking courier asli. Yang dinilai adalah alur dan pengalaman pengguna.