not the same
● Car rental · Ukraine

Ucars: car rental website, designed and built by NTS

Ucars rents cars by the day and long term in Kyiv and Dnipro, from economy to premium and electric. We did the whole site: design and development, from the date search to the booking page.

Client
Ucars, car rental in Kyiv and Dnipro
What we did
Design and development
Stack
WordPress, PHP
Website
ucars.com.ua
Project Ucars
01 About the project

Most car rental sites are built on the same template and look alike. For Ucars we designed a custom interface and developed the site on WordPress: search by city and dates, a fleet split by class and city, car pages with prices by rental length, a booking form, rental terms and a blog.

What we did
UX/UI designUI kitWordPress developmentFleet catalogBookingResponsive layoutBlog
Technologies
WordPressPHPUI/UX
02 Design

Visual style

A light interface with bright blue accents and yellow call-to-action buttons. Isometric car illustrations set a friendly tone and red badges flag discounts. Set in Museo Sans Cyrl.

Blue, accents
#198BFF
Navy, text
#0D1B34
Yellow, buttons
#FFB228
Red, discounts
#DE603E
Light background
#F3F8FC
FontsMuseo Sans Cyrl
03 Screens

Home page

The first screen is a car search: city, pick-up and return date and time, and a Find your car button. Below are the service benefits, selections by class (Best deals, Comfort, Business, Premium, Electric, Crossovers) and a four-step How it works section.

Home, design
Selections by class
Selections by class
04 Screens

UI kit and design system

We put together a UI kit with states for buttons, inputs, dropdowns and the date picker. It sped up development and kept the interface consistent across pages.

UI kit: buttons and forms
UI kit: buttons and forms
Home, mobile
Home, mobile
05 Mobile version

Mobile version

On a phone the filter opens from its own button, car specs are shown as icons and the Rent button is always within reach.

Fleet
Fleet
Car page
Car page
How it works
How it works
06 Task

Goals

  • 01Stand out from competitorsMove away from template layouts and build a recognisable interface.
  • 02Find a car fastOffer search by city and dates plus filters on the key parameters.
  • 03Show everything about a carPut specs, prices by rental length and terms on one page.
  • 04Keep booking simpleA short order form, after which a manager confirms the details.
  • 05Grow through contentAdd city and class landing pages and a blog with useful articles.
07 Key solutions

Key solutions

Fleet and filters
Solution 01

Fleet and filters

Separate fleet pages for Kyiv and Dnipro and for each car class. Filters by category (including minivans and minibuses), transmission, fuel type, number of seats and price. Each car card shows passengers, luggage capacity, engine size, fuel consumption and a daily price table by rental length.

Car page
Solution 02

Car page

A price table by rental length, fuel, transmission, engine, seats, luggage and consumption, a link to rental terms and a Rent button. Below are the model description, similar offers and the rental conditions.

Booking
Solution 03

Booking

The customer picks the place, pick-up and return date and time, enters their details and extras, and sees the chosen car next to the form. After the request a manager gets in touch to confirm.

Blog and search landing pages
Solution 04

Blog and search landing pages

News and articles about renting: choosing a car, insurance, airport rental, monthly and corporate rental. City and class pages bring in search traffic.

08 Stack

Stack and scope

WordPressPHPUX/UI designUI kitResponsive layoutFleet filtersBooking formBlog
Next project
Health portal · USASupplements.orgCatalogue of supplements, vitamins and herbs with ratings and health goal collections, migrated from WordPress to Laravel.View project Project Supplements.orgLaravelPHPUI/UX

Want a project like this?

Describe your task – within one business day we'll reply with questions and a rough timeline estimate.

We’ll reply within one business day
Message us