← Semua portofolio

Ecommerce · 2026

E-Commerce Showcase

E-commerce tentang Fashion, koleksi, lookbook, dan belanja dari beranda sampai checkout

Next.jsEcommerceUI

1. Tampilan

Seperti apa produk ini terlihat

Keanggunan yang tenang. Hero editorial Koleksi Transisi 2026, belanja menurut bentuk, dan etalase yang terasa lookbook — bukan katalog yang berisik.

  • Beranda membuka janji merek dulu: pakaian untuk iklim tropis, dipotong di studio Bandung, dikirim ke Indonesia dan luar negeri.
  • Enam kategori bentuk (atasan sampai sepatu), plus kurasi Pilihan editor, Baru tiba, Workwear, dan Terlaris.
  • Janji toko tertulis jelas: gratis ongkir regular di atas Rp 1.500.000, retur 30 hari, bayar QRIS/transfer/kartu/cicilan.

Hero musim

Koleksi Transisi 2026 — “Keanggunan yang tenang.” CTA ke koleksi dan lookbook.

Belanja menurut bentuk

Atasan, bawahan, outerwear, dress, aksesori, sepatu — plus Empat dunia: Musim Baru, Essentials, Evening, Workwear.

Etalase produk

Kartu dengan status Baru/diskon, harga rupiah, dan jalur ke detail tanpa teka-teki.

Tas & layanan

Ambang gratis ongkir, retur 30 hari, dan metode bayar aman sebelum konfirmasi.

2. Flow

Bagaimana orang memakainya

Lima sudut pandang dari sistem yang sama: flowchart pemakaian, DFD, UML class, use case, dan sequence diagram. Pilih tab, lalu klik elemen diagram untuk membaca detailnya.

Alur pemakaian

Langkah demi langkah dari sisi pengguna, termasuk cabang keputusan dan jalur yang bertemu lagi.

Seluruh alur ditampilkan sekaligus. Klik simpul untuk membaca langkahnya, tarik untuk menggeser.

  • Mulai / selesai
  • Proses
  • Keputusan
  • Alur terpilih
YaBelumYaTidak

Mulai

10 simpul · 10 jalur

Pengguna

Titik masuk. Dari sini alur bisa bercabang, lalu bertemu lagi sebelum selesai.

  • E-Commerce ShowcaseMasuk

3. Deskripsi presentasi

Narasi lengkap untuk dipresentasikan

E-Commerce Showcase adalah contoh toko fashion kontemporer yang tenang: pakaian untuk iklim tropis, dengan etalase editorial yang bisa dibeli — bukan katalog yang berisik.

Masalah

Banyak toko daring menumpuk diskon, banner, dan popup sampai produknya sendiri sulit dilihat. Untuk merek yang ingin terasa editorial, itu merusak kepercayaan sebelum harga sempat dibaca.

Solusi

Saya merancang toko sebagai lookbook yang bisa dibeli. Hero musim, belanja menurut bentuk, kurasi editor, dan janji layanan (ongkir, retur, bayar aman) disusun sebagai kelanjutan — bukan gangguan.

Peran

Saya merancang dan membangun pengalaman fullstack: beranda, etalase, detail produk, tas, dan fondasi checkout sampai situs hidup di ecommerce.neodeeps.com.

Hasil

Sebuah toko publik dengan Koleksi Transisi 2026, empat dunia koleksi, jurnal merek, dan jalur dari lihat ke bayar tanpa kehilangan nada “keanggunan yang tenang.”