#Series — Proses pembuatan UI, bagian 4 — Wireframe Halaman Depan

Dwinawan
Insight
Published in
2 min readJan 20, 2019

Pada artikel sebelumnya dibahas mengenai cara kerja atau alur website. Dimana terdapat 5 langkah, yaitu:

  • Langkah 1 — Konsumen mengunjungi website dan melihat beberapa paket wisata yang ditawarkan
  • Langkah 2 — Konsumen bisa melihat lebih detail mengenai paket wisata yang dipilih dan bisa memodifikasi paket wisata yang dipilih agar harga nya sesuai dengan budget konsumen
  • Langkah 3 — Jika paket yang dipilih dirasa cocok dan sesuai, Konsumen bisa melanjutkan ke halaman mengisi data peserta dan pemilihan tanggal.
  • Langkah 4 — Setelah mengisi data peserta dan memilih tanggal, Konsumen bisa melanjutkan ke halaman pembayaran
  • Langkah 5 — Setelah pembayaran selesai, Konsumen akan dibawa ke halaman yang memberi tahukan bahwa mereka telah menyelesaikan proses pembelian paket wisata dan di halaman tersebut mereka bisa :
    - Men-download bukti pembayaran
    - Mendownload rangkaian jadwal wisata (Itinerary),
    - Serta diberikan informasi nomor handphone pemandu wisata mereka.

Selanjutnya mereka berdiskusi tentang bagaimana susunan informasi atau tampilan visual di setiap langkah.

Pada sesi kali ini, mereka kembali berdiskusi dengan orang orang bagian penjualan yang selama ini melayani konsumen dalam pembelian paket wisata secara offline.

Pertanyaan yang mereka ajukan… “Ketika konsumen melihat lihat paket wisata. Apa yang membuat mereka tertarik memilih salah satu dari paket wisata?”

Bagian penjualan menjawab… “Kami amati, mereka selalu mengambil brosur dengan foto yang paling menarik, setelah itu mereka akan mencari tahu dimana lokasi nya. Ketika foto dan lokasi dirasa cocok, mereka akan melanjutkan untuk mencari tahu harga paket wisata tersebut. Setelah itu mereka akan bertanya dengan harga paket tersebut apa saja yang mereka dapatkan”

Setelah itu mereka bersama sama menggambar sketsa halaman depan dari website tersebut dengan menggunakan kertas dan spidol. Dengan panduan informasi dari bagian penjualan. Dimana konsumen membutuhkan beberapa informasi berikut:

  • Foto yang menarik
  • Nama Lokasi
  • Harga
  • Apa yang mereka dapatkan dengan harga tersebut

Setelah beberapa menit menggambar dan berdiskusi bersama, akhirnya didapatlah wireframe untuk halaman depan website.

Setelah membuat wireframe halaman depan, selanjutnya mereka berdiskusi tentang wireframe halaman lain nya.

Bersambung ke artikel selanjutnya 👇👇👇

--

--

Dwinawan
Insight

Co-Founder Paperpillar • UI Designer • Love to create design exploration on dribbble.com/dwinawan • Have a question? find me on twitter.com/dwinawan_