Back

Vehicle Rental App – Seamless Booking

Aplikasi rental kendaraan untuk pesan motor atau mobil dengan cepat dan tanpa ribet.

Back

Vehicle Rental App – Seamless Booking

Aplikasi rental kendaraan untuk pesan motor atau mobil dengan cepat dan tanpa ribet.

Back

Vehicle Rental App – Seamless Booking

Aplikasi rental kendaraan untuk pesan motor atau mobil dengan cepat dan tanpa ribet.

🚗 Overview

Proyek ini saya kerjakan selama magang selama 3 bulan, dengan fokus pada desain antarmuka pengguna untuk aplikasi rental motor dan mobil. Tujuannya adalah menciptakan pengalaman sewa yang mudah, cepat, dan nyaman bagi pengguna, mulai dari mencari kendaraan, melakukan pemesanan, hingga melihat detail kendaraan secara lengkap.

Saya merancang alur yang sederhana, tampilan yang bersih, serta fitur-fitur yang membangun kepercayaan seperti informasi pemilik dan status kendaraan.

🎯 Goal & Target

Aplikasi ini dirancang untuk mempermudah pengguna dalam menyewa kendaraan secara cepat, praktis, dan aman langsung dari ponsel mereka. Fokus desainnya adalah menyederhanakan alur pemesanan dan memberikan informasi kendaraan yang jelas.

Target utamanya adalah mahasiswa dan pekerja muda yang membutuhkan kendaraan untuk keperluan harian, perjalanan singkat, atau mobilitas fleksibel tanpa harus datang langsung ke tempat rental.

🎨 Typography & Colors

Aa

Raleway

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxys

1234567890!@#$%^&*()_?><

Aa

Poppins

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxys

1234567890!@#$%^&*()_?><

#186BB2

#023047

#B3B3B3

🖥️ UI Highlight

This one-page layout of Shoptacle was designed to create a seamless product discovery experience with a clean, editorial touch. Here's how the key UI elements came together:

🖥️ UI Highlight

This one-page layout of Shoptacle was designed to create a seamless product discovery experience with a clean, editorial touch. Here's how the key UI elements came together:

🖥️ UI Highlight

This one-page layout of Shoptacle was designed to create a seamless product discovery experience with a clean, editorial touch. Here's how the key UI elements came together:

🖥️ Splash Screen

Splash screen dirancang untuk memberi kesan pertama yang modern dan profesional, mencerminkan kemudahan dan kepercayaan saat pengguna pertama kali membuka aplikasi.

🖥️ Splash Screen

Splash screen dirancang untuk memberi kesan pertama yang modern dan profesional, mencerminkan kemudahan dan kepercayaan saat pengguna pertama kali membuka aplikasi.

🖥️ Splash Screen

Splash screen dirancang untuk memberi kesan pertama yang modern dan profesional, mencerminkan kemudahan dan kepercayaan saat pengguna pertama kali membuka aplikasi.

🔐 Login & Signup

Membuat akun memungkinkan pengguna menyimpan data pemesanan, mengakses riwayat sewa, dan menikmati pengalaman rental yang lebih personal dan efisien. Proses login dan pendaftaran dirancang sederhana agar pengguna bisa mulai menyewa kendaraan tanpa hambatan.

🔐 Login & Signup

Membuat akun memungkinkan pengguna menyimpan data pemesanan, mengakses riwayat sewa, dan menikmati pengalaman rental yang lebih personal dan efisien. Proses login dan pendaftaran dirancang sederhana agar pengguna bisa mulai menyewa kendaraan tanpa hambatan.

🔐 Login & Signup

Membuat akun memungkinkan pengguna menyimpan data pemesanan, mengakses riwayat sewa, dan menikmati pengalaman rental yang lebih personal dan efisien. Proses login dan pendaftaran dirancang sederhana agar pengguna bisa mulai menyewa kendaraan tanpa hambatan.

📍 Location Setup

Setelah berhasil login, pengguna diminta untuk mengatur lokasi mereka terlebih dahulu. Langkah ini membantu menampilkan kendaraan yang tersedia di area terdekat, sehingga proses pencarian dan pemesanan menjadi lebih relevan dan efisien.

📍 Location Setup

Setelah berhasil login, pengguna diminta untuk mengatur lokasi mereka terlebih dahulu. Langkah ini membantu menampilkan kendaraan yang tersedia di area terdekat, sehingga proses pencarian dan pemesanan menjadi lebih relevan dan efisien.

📍 Location Setup

Setelah berhasil login, pengguna diminta untuk mengatur lokasi mereka terlebih dahulu. Langkah ini membantu menampilkan kendaraan yang tersedia di area terdekat, sehingga proses pencarian dan pemesanan menjadi lebih relevan dan efisien.

🏠 Homepage

Setelah mengatur lokasi, pengguna diarahkan ke halaman utama aplikasi. Di sini, user dapat langsung melihat daftar kendaraan yang tersedia di area mereka. Pengguna juga dapat menggunakan fitur pencarian dan filter untuk menemukan kendaraan yang sesuai dengan kebutuhan dan preferensi mereka.

🏠 Homepage

Setelah mengatur lokasi, pengguna diarahkan ke halaman utama aplikasi. Di sini, user dapat langsung melihat daftar kendaraan yang tersedia di area mereka. Pengguna juga dapat menggunakan fitur pencarian dan filter untuk menemukan kendaraan yang sesuai dengan kebutuhan dan preferensi mereka.

🏠 Homepage

Setelah mengatur lokasi, pengguna diarahkan ke halaman utama aplikasi. Di sini, user dapat langsung melihat daftar kendaraan yang tersedia di area mereka. Pengguna juga dapat menggunakan fitur pencarian dan filter untuk menemukan kendaraan yang sesuai dengan kebutuhan dan preferensi mereka.

💳 Booking & Payment

Pada proses pemesanan, pengguna terlebih dahulu memilih kendaraan yang diinginkan. Setelah itu, mereka mengisi detail seperti waktu penggunaan, tanggal mulai dan selesai penyewaan, serta waktu pengambilan kendaraan. Alur ini dirancang agar pengguna dapat memesan kendaraan dengan cepat, jelas, dan tanpa kebingungan.

Setelah mengisi detail pemesanan, pengguna diarahkan ke halaman pembayaran. Di sini, mereka dapat memilih metode pembayaran yang tersedia dan menyelesaikan transaksi secara aman. Proses ini dibuat sesederhana mungkin untuk meminimalkan friksi dan memastikan pengalaman yang lancar hingga pemesanan dikonfirmasi.

💳 Booking & Payment

Pada proses pemesanan, pengguna terlebih dahulu memilih kendaraan yang diinginkan. Setelah itu, mereka mengisi detail seperti waktu penggunaan, tanggal mulai dan selesai penyewaan, serta waktu pengambilan kendaraan. Alur ini dirancang agar pengguna dapat memesan kendaraan dengan cepat, jelas, dan tanpa kebingungan.

Setelah mengisi detail pemesanan, pengguna diarahkan ke halaman pembayaran. Di sini, mereka dapat memilih metode pembayaran yang tersedia dan menyelesaikan transaksi secara aman. Proses ini dibuat sesederhana mungkin untuk meminimalkan friksi dan memastikan pengalaman yang lancar hingga pemesanan dikonfirmasi.

💳 Booking & Payment

Pada proses pemesanan, pengguna terlebih dahulu memilih kendaraan yang diinginkan. Setelah itu, mereka mengisi detail seperti waktu penggunaan, tanggal mulai dan selesai penyewaan, serta waktu pengambilan kendaraan. Alur ini dirancang agar pengguna dapat memesan kendaraan dengan cepat, jelas, dan tanpa kebingungan.

Setelah mengisi detail pemesanan, pengguna diarahkan ke halaman pembayaran. Di sini, mereka dapat memilih metode pembayaran yang tersedia dan menyelesaikan transaksi secara aman. Proses ini dibuat sesederhana mungkin untuk meminimalkan friksi dan memastikan pengalaman yang lancar hingga pemesanan dikonfirmasi.

🔎 Rental Details

Setelah melakukan pemesanan, pengguna bisa melihat detail lengkap kendaraan yang disewa, mulai dari informasi jadwal sewa, lokasi penjemputan, hingga status pembayaran. Bagian ini juga menampilkan hitung mundur sebagai pengingat waktu penyewaan aktif agar pengguna bisa lebih siap.

🔎 Rental Details

Setelah melakukan pemesanan, pengguna bisa melihat detail lengkap kendaraan yang disewa, mulai dari informasi jadwal sewa, lokasi penjemputan, hingga status pembayaran. Bagian ini juga menampilkan hitung mundur sebagai pengingat waktu penyewaan aktif agar pengguna bisa lebih siap.

🔎 Rental Details

Setelah melakukan pemesanan, pengguna bisa melihat detail lengkap kendaraan yang disewa, mulai dari informasi jadwal sewa, lokasi penjemputan, hingga status pembayaran. Bagian ini juga menampilkan hitung mundur sebagai pengingat waktu penyewaan aktif agar pengguna bisa lebih siap.

📋 Booking Records

Di halaman ini, pengguna dapat melihat daftar riwayat penyewaan mereka — mulai dari kendaraan yang sedang disewa, antrian berikutnya, hingga penyewaan yang sudah selesai. Informasi disusun secara ringkas agar pengguna mudah memantau status sewa mereka kapan saja.

📋 Booking Records

Di halaman ini, pengguna dapat melihat daftar riwayat penyewaan mereka — mulai dari kendaraan yang sedang disewa, antrian berikutnya, hingga penyewaan yang sudah selesai. Informasi disusun secara ringkas agar pengguna mudah memantau status sewa mereka kapan saja.

📋 Booking Records

Di halaman ini, pengguna dapat melihat daftar riwayat penyewaan mereka — mulai dari kendaraan yang sedang disewa, antrian berikutnya, hingga penyewaan yang sudah selesai. Informasi disusun secara ringkas agar pengguna mudah memantau status sewa mereka kapan saja.

Try the Prototype

Try the Prototype

🧠 What I Learned

Sebagai project UI pertama yang benar-benar saya garap secara menyeluruh, saya belajar banyak tentang pentingnya menyusun alur yang sederhana dan efisien bagi pengguna. Proses ini membantu saya memahami bagaimana desain visual yang jelas dapat membangun rasa percaya, serta bagaimana setiap elemen antarmuka berperan dalam menciptakan pengalaman rental yang lebih nyaman.

Still scrolling? Let’s work together! 🚀

Crafted with 💙

Still scrolling? Let’s work together! 🚀

Crafted with 💙

Still scrolling? Let’s work together! 🚀

Crafted with 💙

Project

Explorations

Resume

Project

Explorations

Resume

Project

Explorations

Resume

Create a free website with Framer, the website builder loved by startups, designers and agencies.