StayCation Asik

Overview

Platform staycation hadir sebagai solusi praktis bagi mereka yang ingin menikmati liburan singkat tanpa harus bepergian jauh. Dalam proyek ini, saya merancang antarmuka pengguna (UI) dan pengalaman pengguna (UX) untuk memastikan bahwa setiap interaksi dengan platform Staycation Asik memberikan kemudahan dan kenyamanan. Proyek ini bertujuan untuk menciptakan alur pemesanan yang intuitif, estetika yang menarik, dan pengalaman pengguna yang lancar dari awal hingga akhir. Dengan desain yang user-friendly, Staycation Asik memastikan bahwa para pengguna bisa dengan mudah merencanakan liburan mereka, menemukan akomodasi yang sesuai, dan melakukan pemesanan tanpa kebingungannya.

Pengguna dapat dengan mudah memilih dan memesan akomodasi yang sesuai dengan preferensi mereka, mulai dari vila mewah hingga hotel nyaman dengan berbagai fasilitas. Sistem pemesanan yang efisien memungkinkan pengguna untuk menemukan tempat menginap dengan harga yang transparan, lengkap dengan informasi detail tentang fasilitas dan ketersediaan.

Dengan antarmuka yang user-friendly, pengguna dapat merencanakan staycation mereka dengan mudah, memanfaatkan berbagai promo dan paket spesial yang tersedia. Sistem pemesanan ini memastikan proses yang cepat dan tanpa gangguan, memberikan kemudahan dalam mengatur waktu liburan yang menyenangkan dan bebas stres. Platform ini memungkinkan pengalaman staycation yang praktis, efisien, dan memuaskan, memberikan kenyamanan bagi pengguna yang ingin beristirahat tanpa jauh-jauh pergi.

Problem

Di tengah kesibukan sehari-hari, banyak orang yang menginginkan liburan singkat untuk melepas penat, namun seringkali terkendala oleh waktu, biaya, dan kemudahan akses. Banyaknya pilihan tempat menginap yang tersebar di berbagai destinasi lokal juga sering membuat proses pencarian dan pemesanan menjadi rumit dan memakan waktu. Selain itu, tidak jarang pengguna merasa kecewa karena informasi tentang fasilitas, harga, dan ketersediaan yang tidak transparan atau sulit diakses.

Masalah utamanya adalah bagaimana menyediakan antarmuka yang jelas dan mudah digunakan tanpa mengurangi detail informasi yang dibutuhkan oleh pengguna. Selain itu, proses pemesanan yang rumit bisa menghambat konversi dan kepuasan pengguna.

Tantangan lainnya adalah ketidakpastian terkait ketersediaan akomodasi yang sesuai dengan jadwal liburan, terutama saat pemesanan mendekati waktu keberangkatan. Hal ini sering kali menambah stres bagi mereka yang ingin merencanakan staycation dengan lebih mudah dan tanpa hambatan.

Analisis Masalah

Setelah melakukan riset atau Benchmarking (membandingkan kinerja produk kompetitor), ada beberapa masalah utama yang ditemukan:

1. Navigasi yang rumit → banyak platform pemesanan yang terlalu banyak opsi dan pengaturan, membuat pengguna bingung.
2. Pengalaman pengguna yang buruk → beberapa platform kurang responsif dan tidak ramah perangkat mobile.
3. Proses checkout yang tidak efisien → proses pemesanan yang panjang dan tidak transparan bisa mengurangi tingkat konversi.

Untuk itu, desain Staycation Asik difokuskan untuk mempermudah pengguna dalam mencari dan memesan akomodasi dengan antarmuka yang intuitif dan alur pemesanan yang cepat dan jelas.

Solusi Desain

Desain Staycation Asik akan difokuskan pada empat aspek utama:

1. UI yang Bersih dan Estetik → menggunakan palet warna cerah yang tentunya memancarkan suasana jadi lebih santai dan menyenangkan.
2. Navigasi yang Sederhana → memastikan pengguna dapat menemukan akomodasi sesuai kebutuhan dengan filter pencarian yang jelas.
3. Proses Pemesanan yang Cepat dan Efisien → alur checkout yang sederhana dan transparan.
4. Responsivitas yang Optimal → menjamin platform bekerja dengan baik di berbagai perangkat (baik pada desktop, smartphone, tablet).

Desain Prototipe

Berikut adalah penjelasan detail mengenai prototipe desain Staycation Asik pada tiap-tiap halaman.

Homepage StayCation

Halaman yang pertama kali dilihat oleh user adalah Home. Pada halaman ini user akan melihat pilihan destinasi, daftar penginapan, daftar penginapan yang paling banyak dipilih (Most Picked), testimoni dari pelanggan, dll. Jadi tampilan dibuat menjadi menarik dan mengutamakan fungsionalitas (mudah dimengerti) sehingga membuat pengguna langsung merasa nyaman dan bisa langsung mulai mencari akomodasi sesuai kebutuhan mereka.

1. Header: pada bagian atas, terdapat logo Staycation yang mudah dikenali serta menu navigasi yang jelas, seperti “Home”, “Explore”, “Testimonials”, “Agent”. Pengguna bisa dengan cepat berpindah antara kategori atau melihat lebih banyak pilihan. Penjelasan setiap menu navigasi:

   • ‘Explore’ adalah pages khusus untuk pelanggan/pengguna mencari & menemukan berbagai jenis akomodasi yang tersebar di berbagai lokasi berdasarkan destinasi yang mereka inginkan. Di halaman Explore, pengguna bisa memilih tujuan liburan mereka, seperti Jakarta, Semarang, Jogja, Bali, atau destinasi lainnya. Setelah memilih tujuan, platform akan menampilkan daftar akomodasi yang tersedia di lokasi tersebut.

     Selain itu, pengguna bisa menyaring hasil pencarian menggunakan filter, seperti jarak akomodasi dari tempat tujuan tertentu (misalnya, dekat dengan pusat kota, tempat wisata, atau lokasi agenda meeting). Fitur filter lainnya memungkinkan pengguna untuk memilih akomodasi berdasarkan tipe (misalnya, vila mewah, hotel butik, rumah pohon, dll.), fasilitas yang tersedia (kolam renang, spa, restoran, dll.), serta harga dan rating penginapan.

     Menu Explore bertujuan memberikan pengalaman pencarian yang lebih personal, memudahkan pengguna untuk menemukan tempat menginap yang sesuai dengan kebutuhan mereka—apakah itu untuk liburan santai, perjalanan bisnis, atau kegiatan lainnya. Dengan desain yang intuitif, pengguna bisa langsung menemukan akomodasi yang tepat di lokasi pilihan mereka, tanpa perlu kesulitan dalam menavigasi opsi yang tersedia.

   • ‘Testimonials’ Menu Testimonials berfungsi sebagai tempat bagi para pengguna yang telah menginap untuk membagikan pengalaman mereka. Halaman ini menampilkan berbagai ulasan atau testimoni dari pelanggan yang sudah mencoba akomodasi melalui Staycation Asik. Setiap testimoni dilengkapi dengan rating bintang dan deskripsi pengalaman pengguna, memberikan gambaran yang lebih jelas tentang kualitas penginapan dan pelayanan yang diberikan. Menu Testimonials juga memberikan kredibilitas kepada platform dengan menunjukkan kepercayaan pelanggan yang puas, serta membantu calon pengguna dalam membuat keputusan yang lebih baik saat memilih akomodasi.

   • ‘Agent’ Menu Agent adalah area khusus bagi penyedia akomodasi atau agen properti yang ingin mempublikasikan penginapan mereka untuk disewakan melalui Staycation Asik. Halaman ini memungkinkan agen untuk mendaftar, mengelola, dan mengupdate informasi akomodasi yang mereka tawarkan, seperti gambar, fasilitas, harga, serta detail penting lainnya. Dengan menu Agent, penyedia penginapan dapat meningkatkan visibilitas properti mereka kepada calon tamu dan mengelola reservasi mereka dengan lebih mudah. Platform ini juga memberikan alat untuk memantau performa penginapan melalui statistik dan feedback dari tamu sebelumnya.

2. Popular Destinations: Section ini berisi daftar destinasi populer di Indonesia seperti Jakarta, Bali, Semarang, Yogyakarta, Malang, dll. Tiap destinasi ditampilkan dalam bentuk card dengan gambar menarik dan nama lokasi. Jadi pengguna dapat mengklik salah satu destinasi untuk langsung diarahkan ke halaman Explore yang menampilkan akomodasi di lokasi tersebut.

3. Rekomendasi: Bagian ini menampilkan pilihan akomodasi rekomendasi yang bisa dipilih pengguna. Setiap kartu akomodasi menunjukkan gambar, nama penginapan, lokasi, tipe akomodasi, harga, dan rating. Pengguna bisa klik salah satu untuk melihat detail booking.

---

Detail Booking

Halaman Detail Booking menampilkan informasi lengkap tentang akomodasi penginapan yang telah dipilih oleh pengguna. Di bagian atas halaman, terdapat gambar besar dengan kualitas tinggi yang memperlihatkan suasana dan keindahan penginapan, lengkap dengan slider yang memungkinkan pengguna melihat foto-foto tambahan. Di sebelah kanan gambar, terdapat deskripsi lengkap mengenai penginapan, mulai dari jenis akomodasi, fasilitas utama yang disediakan, harga per malam, hingga rating dan ulasan dari tamu sebelumnya. Informasi ini dirancang untuk memberikan gambaran menyeluruh kepada pengguna agar dapat membuat keputusan dengan percaya diri.

Pada bagian bawah deskripsi, pengguna dapat memilih tanggal check-in dan check-out sesuai rencana staycation mereka. Pilihan ini langsung terintegrasi dengan ketersediaan kamar, sehingga pengguna dapat melihat secara real-time apakah tanggal yang dipilih masih tersedia. Selain itu, pengguna juga bisa menyesuaikan jumlah tamu agar harga dapat terupdate secara otomatis, menghindari kebingungan di tahap pembayaran. Dengan tampilan yang intuitif dan informasi yang transparan, halaman ini membantu pengguna memahami keseluruhan biaya dan fasilitas yang mereka dapatkan.

---

Booking Page 1

Setelah pengguna memutuskan untuk melanjutkan pemesanan, mereka akan dibawa ke halaman Booking Page 1 yang berisi ringkasan singkat dari akomodasi yang dipilih, lengkap dengan tanggal staycation dan lokasi. Halaman ini difokuskan untuk mengumpulkan data pribadi pemesan dengan form yang mudah dan cepat diisi. Form tersebut meliputi nama lengkap, alamat email, dan nomor telepon, semua elemen diatur dengan rapi untuk memastikan pengguna dapat menyelesaikan pengisian data tanpa hambatan.

---

Booking Page 2

Pada tahap ini, pengguna diberi informasi mengenai detail payment untuk pembayaran. Di bagian bawah, terdapat informasi pilihan metode pembayaran yang lengkap dan mudah dipahami. Pengguna bisa memilih dari beberapa opsi seperti transfer bank, kartu kredit, atau dompet digital. Namun disini saya pakai 1 metode pemayaran saja yaitu Transfer Bank, dengan pilihan bank dari BCA dan Mandiri. Ikon metode pembayaran yang jelas membantu pengguna mengenali pilihan yang tersedia dengan cepat. Selain itu, halaman ini juga menyediakan kolom untuk memasukkan kode promo atau diskon yang valid, dengan sistem validasi yang langsung memberi tahu apakah kode tersebut berhasil diterapkan. Hal ini memberi nilai tambah dan mendorong pengguna untuk segera menyelesaikan transaksi dengan potongan harga yang menguntungkan.

Dibagian samping kanan informasi pembayaran, ada form validasi pembayaran. Ini saya buat manual terlebih dahulu, nanti akan diupdate jika menggunakan pembayaran otomatis (tanpa perlu validasi pembayaran). Mulai dari upload bukti (format gambar ‘PNG, JPG, JPEG’), asal bank, dan nama pengirim.

Navigasi antar halaman juga dibuat mudah dengan tombol “Kembali” dan “Lanjutkan” yang terlihat jelas di bagian bawah, memastikan pengguna dapat dengan lancar melanjutkan atau kembali ke langkah sebelumnya tanpa kebingungan. Desain yang bersih dan proses yang sederhana membuat tahap ini menjadi bagian yang menyenangkan dari keseluruhan alur booking.

Di bagian bawah, terdapat tombol konfirmasi pembayaran yang besar dan kontras bertuliskan “Pay Now” yang mendorong pengguna untuk menyelesaikan transaksi dengan cepat. Tombol itu akan muncul jika pengguna sudah melakukan semua validasi diatas. Selain itu, halaman ini juga menyediakan informasi penting mengenai kebijakan pembatalan dan pengembalian dana, sehingga pengguna memahami aturan yang berlaku dan merasa lebih aman dalam melakukan booking. Notifikasi singkat tentang prosedur pembatalan tampil jelas agar tidak ada salah paham.

---

Booking Page 3

Halaman terakhir dalam proses pemesanan ini merupakan halaman konfirmasi akhir. Semua detail booking yang sudah dipilih pengguna, mulai dari informasi akomodasi, tanggal check-in dan check-out, layanan tambahan, serta jumlah tamu, disajikan secara lengkap dan terorganisir. Sistem akan menampilkan informasi kepada pengguna bahwa transaksi booking sukses dilakukan.

Dengan struktur yang mudah dipahami dan alur yang mulus, halaman Booking Page 3 memastikan bahwa pengguna menyelesaikan pemesanan dengan penuh keyakinan dan tanpa keraguan.