Concept build · Riyadh
Rawahil Car rental website design for Riyadh, a concept build
Rawahil is a fictional car rental, monthly leasing and chauffeur company in Riyadh, and we built its homepage twice, in English and in right-to-left Arabic, as a model for a rental website in the city. The firm is invented. What is real is the code: the booking card with Daily, Monthly and Chauffeur tabs, a fleet that filters and sorts by class, a monthly leasing calculator and a drawn branch map that sets the pickup branch.
A concept build: Rawahil is a fictional brand we created to show how we design and build a car rental website for Riyadh. It is not a client and not a real company; our client work is on the work page.
The complete homepage, live
Both frames run the real site. Scroll inside them, try the booking card over the hero photo with daily, monthly and chauffeur tabs that work with the arrow keys, and dates that cannot end before they start, or open it in a new tab (Arabic version).
How we designed a car rental website for Riyadh
The price you sign
The total cost is what decides a rental in Riyadh, so the site is built around one promise: the price you see is the price you sign. Every car card shows the price with 15% VAT included, the kilometres included and the deposit in Saudi riyals, and a cover table puts the excess for each level side by side before anyone books.
Colours from Najdi walls
Terracotta, palm green, sand and cream are taken from the mud-brick walls of old Riyadh and laid on in large plain panels. A stepped Najdi crenellation edge appears in only three places, and the logo is the same stepped shape. Archivo, set wide and heavy, carries the English headlines, and Readex Pro carries the Arabic.
Day, month or driver
A rental firm in Riyadh serves visitors for a week, residents and companies by the month, and travellers who want a chauffeur, so the booking card opens on those three tabs. Every fleet price follows a single Day, Week and Month switch, and a monthly calculator shows term discounts, kilometre bands and a total for up to 50 cars for company leasing.
Rules for each renter
Citizens, residents on an iqama and visitors bring different documents, so the requirements sit in three tabs with a separate list for each. Airport delivery to King Khalid International, door delivery inside the ring roads and the five branches each get their own section, so nobody has to ask where the car comes from.
What the homepage includes
- Hero and booking card
- Prices at a glance
- Fleet by class
- Three ways to rent
- Monthly leasing calculator
- Chauffeur service
- Airport delivery
- Branches and map
- What you need to rent
- Insurance compared
- How it works
- FAQ and call to action
Features and interactions
- Booking card over the hero photo with Daily, Monthly and Chauffeur tabs that work with the arrow keys, and dates that cannot end before they start
- Fleet of eight car classes that filters by category, sorts by price or seats and reflows smoothly, with a Day, Week and Month switch for every price
- Choose on any car card fills the booking card with that class and scrolls back to it
- Monthly leasing calculator for 1, 3, 6 and 12 month terms with kilometre bands and up to 50 cars, showing the monthly price, the term total and the fleet total in SAR
- Stylised map of Riyadh drawn in SVG, where each branch and its pin highlight together and Pick up here sets the branch in the booking card
- Requirements in tabs for citizens, residents and visitors, a cover comparison that becomes swipeable cards on phones, and an FAQ
- Headline reveals, photo wipes and price changes in motion, with a still version for anyone who has reduced motion turned on
The whole page, top to bottom
Palette and type
- Terracotta #A9482A
- Palm green #24463A
- Sand #E8D9C1
- Cream #F5EEE2
- Ochre #C98B3C
Type: Archivo, Readex Pro.
Languages: English, Arabic (right to left).
How it is built
- Hand-built HTML, CSS and JavaScript, no framework
- GSAP 3.15.0 with ScrollTrigger, SplitText and Flip
- Lenis 1.3.26 smooth scrolling
- Photographs generated with Higgsfield (Nano Banana Pro), served as WebP, with AVIF for the hero
- Archivo and Readex Pro from Google Fonts, with car drawings and the branch map in inline SVG
- Homepage weight about 880 KB on desktop and about 480 KB on a phone, measured on our machine on 27 Oct 2026
Need a car rental website like this?
We design and build sites like this one for real businesses, with your brand, your photographs, your prices and the forms wired to your team. See what goes into car rental websites, our web development service, our website prices and how we work with businesses in Saudi Arabia, or browse every concept build.
Questions
How should a Riyadh rental website set out documents for citizens, residents and visitors?
As three separate lists, one for each group, so nobody has to read past rules that do not apply to them. Citizens, residents on an iqama and visitors on a tourist visa each bring different documents and licences, and tabs on one section keep the page short. Put the minimum age, the deposit and the rules on driving outside Riyadh beside the lists, because those are the questions that follow.
How should a rental website handle daily rental, monthly leasing and chauffeur bookings?
Each service has a different customer, so it helps to give them separate paths from the first screen, such as tabs on one booking card. Daily renters want dates, a branch and a total; residents and companies leasing by the month want term discounts, kilometre bands and a price for several cars; chauffeur bookings need the service, date and number of passengers. The final step can stay short, with the firm confirming the exact car by phone or message.
Should a Riyadh car rental website have a full Arabic version?
Yes, in most cases. Saudi citizens and many residents search and book in Arabic, while visitors and many expat professionals use English. The Arabic version should be a proper right-to-left page with its own typeface and checked copy, not a machine translation, and both versions should show the same prices and terms.
More concept builds
Websites
Want yours built like this?
Tell us about your business. We'll plan the pages, the bookings or enquiries, and the launch.
Every rupee you spend with us has to earn its keep.
