Tari Cookies — Wireframe Customer Flow
01 / 07
CUSTOMER FLOW 01 · INSTAGRAM PROFILE
123
First impression

Profil menjadi pintu masuk alur belanja.

Pengguna mengenal brand, melihat highlight utama, lalu diarahkan ke website atau chat.

1
Identitas tokoNama, bio, dan link menegaskan brand secara cepat.
2
Highlight utamaKatalog, Hampers, Review, dan Contact Us jadi jalur navigasi inti.
3
Arah ke aksiDari profil, pengguna bisa lanjut melihat produk atau bertanya langsung.
CUSTOMER FLOW 02 · HIGHLIGHT KATALOG
123
Produk cepat dipahami

Highlight katalog menampilkan produk secara singkat dan fokus.

Satu tampilan membahas satu produk agar nama, rasa, dan harga mudah ditangkap.

1
Konten ringkasStruktur story menjaga informasi tetap padat dan jelas.
2
Fokus pada produkNama produk, value, dan harga tampil tanpa distraksi.
3
Jembatan ke websiteSetelah tertarik, pengguna dapat lanjut ke website untuk membeli.
CUSTOMER FLOW 03 · WEBSITE LANDING
123
Landing page

Website menjadi pusat belanja yang ringkas dan mudah dipahami.

Halaman awal merangkum identitas brand, CTA, harga awal, PO, dan jalur checkout.

1
CTA utamaBelanja Cookies dan Lihat Hampers memisahkan kebutuhan pengguna.
2
Info penting lebih awalHarga, PO, dan jalur pemesanan tampil sejak awal.
3
Header tetap jelasBrand dan keranjang selalu terlihat sebagai orientasi.
CUSTOMER FLOW 04 · PRODUK SATUAN
123
Single product shopping

Produk satuan memakai sistem kartu yang jelas dan rapi.

Setiap kartu produk menampilkan foto, rasa, deskripsi singkat, harga, dan aksi tambah.

1
Kartu produk konsistenTampilan produk satuan memakai sistem box yang sama dengan bagian lain.
2
Aksi tambah cepatTombol tambah mempersingkat jalan menuju keranjang.
3
Visual lebih tegasKartu produk dibuat timbul agar tiap produk terasa seperti pilihan yang jelas.
CUSTOMER FLOW 05 · KERANJANG
123
Cart modal

Keranjang tampil sebagai modal agar fokus pengguna tetap pada penyelesaian pesanan.

Isi keranjang diringkas ke dalam kartu pesanan, subtotal, dan tombol checkout WhatsApp.

1
Item berbentuk kartuSetiap produk di keranjang tampil sebagai kotak sendiri yang timbul dan mudah dibaca.
2
Kontrol jumlahMinus, angka, dan plus langsung mengatur jumlah pesanan.
3
Arah tindakan jelasCheckout WhatsApp menjadi aksi utama, lanjut belanja jadi aksi sekunder.
CUSTOMER FLOW 06 · DETAIL HAMPERS
123
Configurable product

Hampers memakai panel detail agar pilihan paket dan isi cookies mudah dipahami.

Pilihan Duo, Trio, varian rasa, serta total pesanan dikelompokkan dalam panel yang rapi dan melengkung penuh.

1
Pilih paketDuo untuk 2 jar, Trio untuk 3 jar.
2
Pilih isiState terpilih memperjelas rasa yang sudah dipilih.
3
Total transparanHarga termasuk packaging, ongkir mengikuti alamat pengiriman.
CUSTOMER FLOW 07 · WHATSAPP ORDER
123
Final conversion

Pesanan ditutup di WhatsApp dengan format pesan yang siap dikirim.

Setelah checkout, detail pesanan sudah tersusun agar admin mudah mengonfirmasi PO dan ongkir.

1
Penerima jelasNama Tari Cookies tampil sebagai tujuan pemesanan.
2
Detail otomatisProduk, total harga, packaging, dan ongkir tersusun rapi.
3
Lanjut transaksiAdmin tinggal membalas untuk konfirmasi alamat dan pembayaran.
Double tap / double click untuk fullscreen