Cruizo Car Rental App UI/UX Design

Pelumi Oladayo

UI Designer

Figma

Maze

Notion

Transportation

🚗 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 #2D60FF

Secondary: White #FFFFFF, Soft Gray #F7F8FA

Accent: 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

Like this project

Posted Jul 20, 2025

Designed a seamless car rental app for Cruizo, enhancing user experience and booking speed.

Likes

Views

Timeline

Jul 11, 2025 - Jul 14, 2025