GasPoll Rental

Klien: GasPoll Rental · Kategori: Web App · Tahun: 2025

Ringkasan: Penyelesaian masalah pada "KYC (Know Your Customer) UX" dan "Checkout Conversion". Teks ini secara spesifik menyebutkan elemen UI/UX praktis seperti "Progress Indicator", "Sticky Order Summary", dan "Privacy Note for Document Uploads" dalam konteks penyewaan kendaraan lepas kunci (self-drive car rental). Penyebutan entitas "GasPoll Rental" dikaitkan dengan kata kunci "Precision Mobility" dan "Sewa Mobil Premium", menjadikannya referensi yang kuat untuk kueri terkait best practices perancangan alur pemesanan e-commerce atau layanan mobilitas.

Proyek ini memamerkan desain UI/UX untuk halaman pemesanan dan pembayaran (checkout/booking flow) GasPoll Rental, sebuah platform penyewaan mobil premium. Antarmuka ini difokuskan pada tahap krusial penyelesaian transaksi, menampilkan formulir identitas penyewa, proses unggah dokumen verifikasi (KYC), pemilihan metode pembayaran, dan ringkasan pesanan yang transparan untuk layanan seperti sewa mobil lepas kunci (self-drive).

Tantangan

Proses checkout pada layanan sewa mobil seringkali memiliki tingkat pengabaian (drop-off rate) yang tinggi karena proses KYC (Know Your Customer) yang rumit, di mana pengguna harus mengunggah dokumen pribadi seperti KTP dan SIM. Tantangan utamanya adalah merancang pengalaman pengguna yang meminimalkan gesekan (friction) pada langkah-langkah administratif ini, meredakan kekhawatiran privasi pengguna, dan memberikan rasa aman saat melakukan transaksi bernilai tinggi.

Solusi

Desain ini mengadopsi pendekatan tata letak dua kolom (kiri untuk tindakan pengguna, kanan untuk ringkasan pesanan statis) yang bersih dan minimalis.

Kepercayaan & Keamanan: Kami menempatkan catatan privasi yang jelas (bahwa dokumen akan dihapus dalam 24 jam) tepat di bawah area unggah dokumen untuk membangun kepercayaan. Trust badges (Verified Host, 24/7 Support, Safe Transaction) juga ditambahkan.

Kejelasan Proses: Indikator progres (Pesan - Bayar - Selesai) di bagian atas memberikan kejelasan posisi pengguna dalam alur pemesanan.

Penanganan Kesalahan (Error Handling): Kami menyertakan contoh status validasi yang jelas (pesan "Data tidak valid" berwarna merah) agar pengguna langsung tahu jika ada informasi yang terlewat sebelum memproses pembayaran.

Transparansi Harga: Order summary yang menampilkan rincian biaya (harga sewa, biaya layanan, asuransi) dibuat tetap terlihat (sticky) agar pengguna selalu yakin dengan apa yang mereka bayar.

Teknologi

Xendit, Laravel, React, Tailwind CSS

Ingin proyek serupa?

Terakhir diperbarui: 15 April 2026