RideGo — Rental Mobil & Motor
Memudahkan wisatawan memilih kendaraan dan meminta penawaran rental dalam satu alur yang jelas.
Konsep landing page untuk layanan rental mobil dan motor. Halaman menggabungkan pengenalan layanan, pilihan kendaraan, dan formulir permintaan penawaran yang terhubung ke WhatsApp.
UI/UX Designer & Web Developer
2 Minggu
Figma, Next.js, Tailwind CSS
Concept Exploration
Tantangan Desain
Calon penyewa perlu memilih jenis kendaraan, menentukan waktu dan lokasi penjemputan, lalu menghubungi tim untuk mengetahui opsi rental yang tersedia.
Wisatawan yang merencanakan liburan maupun perjalanan bisnis membutuhkan kepastian sewa kendaraan yang cepat dan transparan tanpa harus tersesat dalam pilihan armada yang membingungkan. Sebagian besar pencarian terjadi saat mereka sedang dalam perjalanan — baru tiba di bandara, check-in hotel, atau mengatur rencana perjalanan via ponsel. Ketidakjelasan syarat sewa lepas kunci, ketersediaan unit, dan titik penjemputan sering menimbulkan kebingungan awal.
Tantangan desain pada proyek ini adalah menyusun landing page yang ringkas dan membangun kepercayaan: menyajikan pilihan mobil dan motor secara terpisah, menjelaskan persyaratan sewa sejak awal, dan mengumpulkan detail penting ke dalam satu alur penawaran yang terhubung langsung ke WhatsApp.
Tujuan Desain
Memperkenalkan layanan rental mobil dan motor dengan cepat.
Mengumpulkan detail penting untuk menyiapkan penawaran.
Membantu pengunjung membandingkan kategori kendaraan.
Menjelaskan langkah pemesanan sebelum calon penyewa menghubungi tim.
Konsep Visual
“Explore more, travel easier”
Visual perjalanan dan kendaraan membangun konteks, sementara aksen hijau menonjolkan aksi pemesanan.
Latar Hero Lanskap Petualangan
Foto lanskap menjadi latar hero untuk mengaitkan layanan secara emosional dengan kenyamanan perjalanan dan liburan.
Form 'Get a Quote' di Dekat Hero
Formulir permintaan penawaran ditempatkan strategis di dekat hero sebagai jalur inquiry utama calon penyewa.
Pemisahan Mobil & Motor yang Tegas
Mobil dan motor ditampilkan sebagai dua kategori utama yang mudah dibandingkan sesuai anggaran dan anggota rombongan.
Keunggulan & Transparansi Layanan
Penekanan pada kendaraan terawat, harga transparan tanpa biaya tersembunyi, dan pickup fleksibel menjawab pertanyaan awal pelanggan.
Breakdown Halaman
01 / Navigasi
Akses cepat menuju katalog kendaraan, cara kerja sewa, profil tentang RideGo, dan kontak layanan pelanggan.
02 / Hero Section
Memperkenalkan layanan rental mobil dan motor secara langsung, dilengkapi CTA WhatsApp instan serta tautan ke armada.
03 / Form Penawaran Terpadu
Mengumpulkan tipe rental (mobil/motor), tanggal sewa, lokasi penjemputan, jenis armada, nama, nomor WhatsApp, dan catatan tambahan.
04 / Kategori Kendaraan
Pintasan eksplorasi rental mobil atau motor beserta karakteristik utama tiap kategori (kapasitas penumpang, transmisi, dan efisiensi bahan bakar).
05 / Cara Kerja (How It Works)
Menjelaskan empat tahapan transparan: kirim permintaan, terima penawaran resmi, konfirmasi booking, lalu pickup kendaraan di lokasi.
06 / Bagian Lanjutan & Kepastian
Menampilkan daftar spesifikasi armada, transparansi harga, FAQ kebijakan rental, opsi asuransi, dan cakupan area penjemputan bandara/hotel.
Adaptasi Mobile
Perubahan tata letak responsif dirancang agar wisatawan di perjalanan tetap dapat memahami layanan sebelum mulai mengisi formulir permintaan:
Navigasi Menu Hamburger
Navigasi desktop diringkas menjadi drawer hamburger yang hemat ruang, sementara tombol CTA WhatsApp tetap siaga di jangkauan ibu jari.
Form Berpindah Setelah Konten Hero
Form yang berada di sisi samping hero pada desktop berpindah ke bawah hero pada mobile agar pengunjung menyerap pengenalan layanan terlebih dahulu.
Struktur Grid Form Adaptif
Kolom form tersusun 2-kolom pada layar tablet/ponsel lebar dan bertransisi rapi menjadi 1-kolom nyaman pada ponsel compact dengan target tap minimal 44px.
Kartu Kategori Bertumpuk
Kartu armada mobil dan motor disusun bertumpuk vertikal dengan badge spesifikasi yang ringkas dan mudah dipindai saat scrolling.
- Navigasi Hamburger: Meringkas menu desktop menjadi menu drawer praktis dengan tombol WhatsApp tetap mudah dijangkau.
- Posisi Form Berurutan: Formulir diletakkan setelah pesan hero agar wisatawan memahami konteks layanan sebelum mengisi data.
- Ergonomi Input Sentuh: Tinggi input minimal 44px dengan tombol kalender dan dropdown yang nyaman dioperasikan satu tangan.
- Komparasi Armada Vertikal: Kartu kendaraan bertumpuk dengan badge kapasitas penumpang, transmisi, dan efisiensi bahan bakar.
Sistem Visual & Tipografi
Sistem visual RideGo menggabungkan nuansa petualangan alam terbuka yang segar dengan aksen hijau emerald untuk membangun keyakinan booking yang cepat dan aman.
Palet Warna & Peran Strategis
Emerald Green
#059669
Primary Conversion & WhatsApp ActionWarna hijau emerald segar untuk tombol aksi utama, penawaran harga, dan WhatsApp yang memicu konversi positif.
Deep Forest
#064E3B
Brand Identity & Trust AnchorNuansa hijau hutan gelap untuk aksen header, badge konsep, dan penanda stabilitas operasional rental.
Slate Charcoal
#0F172A
High-Contrast Heading & StructureWarna gelap pekat untuk judul dan teks utama yang memastikan rasio kontras tinggi di berbagai kondisi pencahayaan.
Pure White & Crisp Canvas
#FFFFFF
Clean Vehicle CanvasLatar putih bersih yang menonjolkan foto armada kendaraan dan formulir tanpa distraksi visual berlebih.
Amber Gold
#F59E0B
Vehicle Ratings & Key GuaranteesWarna aksen hangat untuk bintang rating armada, badge rekomendasi hemat, dan sorotan jaminan kondisi prima.
Tipografi Judul
Cal Sans / Outfit
Cal Sans & Outfit untuk judul utama bernuansa petualangan, mobilitas dinamis, dan eksplorasi perjalanan.
Tipografi Isi & Navigasi
Inter / Plus Jakarta
Inter & Plus Jakarta Sans untuk teks isi, label formulir, spesifikasi mesin, dan transparansi syarat rental.
Arah Visual & Fotografi
Fotografi lanskap alam dan unit kendaraan bersih beresolusi tajam untuk membangkitkan gairah wisata serta transparansi fisik armada.
Elemen Antarmuka
Tombol aksi berketinggian 44px–48px, kartu kategori dengan perbandingan transmisi/kapasitas, dan formulir dengan label jelas tanpa placeholder tersembunyi.
Alur Pemesanan Terstruktur
1. Isi Detail Rental
Pilih tipe kendaraan (mobil/motor), tanggal sewa, lokasi pickup, dan kebutuhan opsional seperti sopir atau lepas kunci.
2. Kirim Permintaan via WhatsApp
Formulir menyusun draf pesan rapi berisi seluruh data sewa dan membukanya otomatis ke kontak tim RideGo.
3. Terima Opsi & Penawaran
Tim rental segera memverifikasi ketersediaan unit di pool, menghitung kalkulasi resmi, dan mengirimkan pilihan armada.
4. Konfirmasi Booking & Pickup
Penyewa mengonfirmasi pilihan unit, melengkapi verifikasi identitas, dan kendaraan siap diambil di titik temu yang disepakati.
Penting: Formulir di landing page ini dirancang sebagai permintaan penawaran (Get a Quote), bukan sistem checkout otomatis atau konfirmasi ketersediaan instan. Ketersediaan armada dan jadwal sewa diverifikasi langsung oleh tim rental secara personal via WhatsApp sebelum pemesanan dikonfirmasi.
Hasil Desain & Validasi
Hasil Desain yang Terverifikasi
Formulir Terpadu Satu Alur
Parameter penting seperti tanggal, lokasi penjemputan, tipe kendaraan, dan kontak terhimpun dalam satu form tanpa tahapan bertingkat.
Jalur WhatsApp Menonjol Sebagai Aksi Utama
Memfasilitasi kebiasaan wisatawan yang membutuhkan respon interaktif cepat seputar ketersediaan armada hari-H.
Edukasi Prosedur Sewa 4 Langkah
Menjelaskan alur sebelum calon penyewa menghubungi tim, mengurangi pertanyaan berulang terkait syarat booking.
Pemisahan Kategori Mobil & Motor yang Efisien
Pengunjung langsung diarahkan ke kelompok armada yang sesuai dengan kebutuhan perjalanan dan ukuran rombongan.
Verifikasi Ergonomi Mobile & Layar Sentuh
Tinggi tombol >=44px, formulir mudah diisi satu tangan, dan rasio kontras teks memenuhi standar WCAG AA.
Catatan: Sebagai studi kasus konsep desain (Website Concept), metrik bisnis komersial seperti angka booking atau conversion rate tidak dicantumkan karena belum ada data implementasi operasional riil yang dapat dibuktikan secara objektif.
MULAI PROYEK ANDA
Siap membangun website rental kendaraan yang jelas dan cepat mengonversi wisatawan?
Mari diskusikan kategori armada, perjelas syarat lepas kunci, dan hubungkan calon penyewa ke WhatsApp dengan format penawaran rapi.