The Problem
The client needed more than a brochure website. They needed a complete rental platform capable of presenting a large vehicle fleet, organizing cars by type, specifications, and daily pricing, supporting multiple pickup scenarios, presenting monthly plans, and guiding users from vehicle selection through booking completion. The experience also had to remain fast, clear, mobile-friendly, bilingual, and localized for customers in Saudi Arabia.
The Solution
A fully custom WordPress platform was built with a theme designed and developed from scratch. Custom components handle vehicle data, fleet listings, pricing, optional add-ons, booking filters, single-car pages, booking summaries, booking completion, and finance calculations. The interface does not rely on a ready-made template; it was implemented around performance, usability, RTL/LTR support, and a clear booking journey.
Platform Architecture & Custom Experiences
The platform was structured around the real rental journey rather than a generic website template. Each major step was implemented as a dedicated interface and logic layer.
Custom Booking Experience
The hero search experience adapts to the selected rental service and gathers the information needed before displaying suitable vehicles.
- Daily rental, airport pickup, train-station pickup, and monthly plans
- Branch or pickup-location selection
- Pickup and return date selection
- A direct search flow into the available fleet
Custom Car Detail Page
Each vehicle has a purpose-built detail page that combines product-style presentation with the information needed to make a rental decision.
- Vehicle image, rating, type, and daily price
- Passengers, transmission, fuel type, and luggage capacity
- Daily-priced add-ons: insurance, WiFi, GPS, child seat, extra driver, and roadside assistance
- Booking summary, free-cancellation message, and “Or Similar Model” notice
Booking Completion Flow
A dedicated completion page turns the selected vehicle and dates into a clear booking summary before collecting customer and payment details.
- Selected vehicle, pickup, and return information
- Rental-day, base-price, and add-on calculations
- Customer, identity, driving-license, and contact fields
- A focused interface designed to reduce friction at the final step
Finance Calculator
The platform includes a custom-built finance calculator rather than a generic embedded widget.
- Car price and finance-provider selection
- Down-payment and final-payment percentages
- Finance duration in years
- Monthly payment, total amount, finance amount, and month count
- A clear notice that calculations are approximate
Bilingual UX: Arabic + English
Arabic RTL and English LTR interfaces were treated as two complete reading experiences, not as a simple text swap.
- Direction-aware spacing and alignment
- Readable labels, buttons, forms, and booking summaries
- Consistent hierarchy across Arabic and English
- Responsive behavior across mobile and desktop
Custom Theme & Plugin Logic
The theme and interface were built from scratch without a ready-made template. Rental filters, add-ons, booking calculations, and finance logic were implemented as custom components to retain control over performance and the user journey.
- Purpose-built WordPress theme
- Custom rental and booking components
- Reduced dependence on generic ready-made plugins
- Maintainable control over UX and front-end behavior
Key Features
- Fully custom WordPress theme built from scratch
- Custom car rental booking flow
- Dynamic hero booking filter
- Branch, airport, and train-station pickup options
- Monthly rental plan cards
- Custom car detail pages
- Optional add-ons with daily pricing
- Booking summary and date-based pricing logic
- Custom booking-completion page
- Finance calculator with provider-based rates
- Arabic RTL and English LTR experience
- Responsive UI for mobile and desktop
- Performance-focused front-end structure
- WhatsApp and contact integrations
- SEO-friendly project and page structure