Cruizo Car Rental App UI/UX Design
Pelumi Oladayo
Like this project
Posted Jul 20, 2025
Designed a seamless car rental app for Cruizo, enhancing user experience and booking speed.
Likes
1
Views
0
Timeline
Jul 11, 2025 - Jul 14, 2025
🚗 Cruizo – Seamless Car Rentals On-the-Go
UI/UX Design Case Study by Pelumi Oladayo
📍 Overview
Cruizo is a car rental app designed to simplify urban mobility by connecting users to available rental vehicles within minutes. From casual weekend getaways to business trips, Cruizo ensures convenience, affordability, and control — all in a few taps.
🧠 The Problem
Renting a car in many cities, especially for short trips, can be a frustrating experience:
Clunky or outdated websites
Long queues and paperwork at physical offices
Unclear pricing, hidden charges
No real-time availability or nearby options
Limited flexibility in pick-up/drop-off
🎯 Goal
Design an intuitive mobile experience that allows users to search, book, unlock, and drive a rental car within 5 minutes — all digitally, with complete transparency.
👥 Target Users
Young professionals looking for weekend mobility
Remote workers traveling between cities
Tourists needing flexibility without local transport hassles
Students sharing cars for group trips
🔍 UX Research
1. User Interviews
I conducted interviews with 6 potential users across different personas — digital nomads, business travelers, and students. Key pain points included:
“I hate calling to confirm bookings.”
“I want to know exactly what I’m paying for upfront.”
“Why can’t I just use an app like I do with Bolt or Uber?”
2. Competitive Analysis
I studied apps like Turo, Hertz, Getaround, and Zipcar. While these platforms had strong features, many lacked fluid onboarding or real-time car tracking. I saw room for a cleaner, modernized experience.
🧩 Core Features
🔎 Smart Search: Location-based real-time vehicle availability
📅 Flexible Booking: Hourly, daily, and weekend rental options
💳 Transparent Payments: No hidden charges, deposit clearly stated
📍 Live GPS Tracking: See available cars nearby
📱 In-App Unlocking: Skip keys — unlock with your phone
⭐ Ratings & Reviews: Community feedback for trust
👤 Driver Profile & History: See your past rides and documents
🛠 Design Process
1. 🧱 Information Architecture
Mapped out primary flows:
Onboarding → Explore → Book → Drive → Complete Trip → Review
Secondary: Profile, Wallet, Support, Trip History
2. ✏️ Wireframes
Low-fidelity wireframes were created in Figma to validate structure and screen relationships. Usability tests were run on prototypes with 3 users for feedback on navigation and flow.
3. 🎨 UI Design
Design Principles: Minimalist, Familiar, Trust-Building
🎨 Colors
Primary: Electric Blue
#2D60FFSecondary: White
#FFFFFF, Soft Gray #F7F8FAAccent: Deep Charcoal for contrast and readability
🧩 Components
Modular cards for car listings
Map integration for availability
Visual car categories with illustrations (SUV, Sedan, EV)
Step-based booking process with progress indicators
✨ Key Screens
🔐 Onboarding
Smooth intro with swipeable benefits, one-click Google or Apple sign-in, and KYC verification.
🗺 Home / Explore
Map with car availability, location filter, and time selector. Car cards show price/hour, fuel type, and rating.
🚘 Car Details
Photos
Availability calendar
Host rating
Features (AC, Automatic, Fuel Policy)
📦 Booking Flow
Time slot selection
Add-ons (baby seat, insurance, extra driver)
Final cost summary
Book & Pay securely
🛞 In-Trip Dashboard
Navigation shortcut
Fuel level
Support button
“End Trip” CTA
🧪 Usability Testing
Tested final prototype with 5 users via Maze and Figma:
Avg Completion Rate: 92%
Booking Flow Confusion: Only 1 user paused during add-ons selection
Feedback:
“I love the real-time map!”
“Add fingerprint unlock for faster logins”
“Would be nice to filter by electric cars”
💡 Challenges & Solutions
ChallengeSolutionUsers unsure about hidden feesTransparent breakdown at every booking stepForgot where the car is parked“Find My Car” feature with AR arrowFirst-time users confused by unlock flowAdded visual onboarding walkthrough
🧭 Outcome
Improved booking speed: Prototype users booked within 3 mins
Simplified UX: Reduced number of taps from 9 (baseline) to 5
Business potential: Added upselling moments (insurance, add-ons)
📦 Tools Used
Figma – Wireframes, UI, Prototypes
Maze – Usability Testing
Notion – Research & Documentation
Google Forms – User Surveys
LottieFiles – Animations for onboarding
🛣 What’s Next?
Integrate loyalty rewards and referrals
Dark mode for nighttime bookings
Add offline booking mode for rural regions
Partner with electric car vendors for sustainability push