Skip to content
ARAtta RasoolFull-Stack Developer
PROJECT CASE STUDY

Mietauto — Vehicle Rental Website

A vehicle-rental website used as a design reference for a Figma-linked contribution.

Mietauto — Vehicle Rental Website website presentation
ABOUT THE WORK

Mietauto: a practical vehicle rental website experience

Hiring a vehicle begins with a practical question: which option will suit the journey, load or occasion? My Mietauto portfolio project brings that question into a vehicle-rental website presentation, with a Figma-linked design direction and an emphasis on clear choices. The business offers much more than passenger cars, so the experience needs to introduce the range without making the first step complicated.

Mietauto AG is a Swiss rental business serving Winterthur and Feuerthalen. Its offering includes cars, cargo vans, moving trucks and minibuses, alongside chauffeur and limousine services. The website connects that variety with location, rental duration and pickup information, helping visitors approach the service through their immediate transport requirements.

Understanding different rental journeys

A customer moving furniture has different priorities from someone arranging a business trip or group excursion. Cargo space, vehicle type, passenger capacity and pickup arrangements all affect the decision. A successful rental website needs to recognize those differences through understandable categories and relevant descriptions rather than presenting every vehicle as an interchangeable listing.

The public site makes these use cases visible through sections for moving vehicles, economy and luxury cars, buses and chauffeur services. This gives the business a helpful editorial structure: visitors can begin with what they need to accomplish and then identify the appropriate service.

Project goals and the opening experience

My focus was a clear design-to-web presentation that puts the rental task near the beginning of the journey. The opening message establishes the business’s local service context, while the search area brings together the practical inputs needed to start exploring rental options. This relationship between proposition and action is particularly important for visitors arriving with a specific date or vehicle need.

The site also needs to support customers who are still researching. Current offers, explanatory service sections and rental guidance give those visitors useful information before they make a reservation decision. The goal is a coherent experience for both quick enquiries and more considered planning.

Vehicle selection and visible functionality

The homepage presents controls for pickup location, rental duration and pickup date, alongside vehicle-category selection. Winterthur and Feuerthalen appear as location choices, while rental periods include shorter time windows and full-day options. Grouping these inputs makes the rental process feel concrete: the visitor is working with recognizable decisions instead of beginning with an open-ended message.

A separate step-by-step guide explains vehicle selection, online reservation, pickup during or after opening hours, preparation before driving and return. This supporting information matters because the service continues beyond a screen. Clear operational guidance helps customers understand what will happen when they collect and return the vehicle.

Design, hierarchy and user experience

The vehicle-led presentation uses a strong red accent and distinct content areas to organize the offering. Vehicle imagery gives immediate context, while headings make the difference between rental categories easy to scan. A useful balance is needed here: the website should communicate choice without making every section compete for attention.

I treated the design reference as a system of relationships between content, controls and visual emphasis. Search fields belong together; service descriptions need room to explain practical differences; primary actions should be recognizable as actions. These are the details that turn an attractive composition into a usable rental interface.

Development considerations for a rental presentation

Vehicle-rental interfaces involve labels, dates, locations and options that must remain understandable when arranged within a web layout. My development perspective centers on preserving those relationships as content changes or the available screen space becomes narrower. A form should retain a logical reading order, and a section heading should continue to identify the information beneath it.

The same attention applies to the navigation. Rental categories, company information, practical guidance and contact details each answer a different question. Keeping those destinations distinct supports a website that customers can revisit during planning as well as at the start of their search. This project connects naturally with my frontend development services, where visual consistency and usable interactions work together.

Local relevance and a clear next step

Winterthur, Feuerthalen and the wider Zurich context are meaningful parts of the content because vehicle collection is location dependent. Descriptions of moving vans, minibuses and chauffeur services add further relevance by matching real customer needs. These details give the page a stronger purpose than a general promise of convenient car hire.

Mietauto demonstrates my interest in practical service websites with substantial choice. For a different transport-related experience, see my Frenchy Helping Hands project. My work here centers on making the rental offering clear, organized and approachable, so visitors can move from understanding the available services to choosing an appropriate next step.

A SIMILAR CHALLENGE?

Discuss your next web project

Share the business goal, existing website or application and the problem you're trying to solve. I can help plan a practical technical approach.

Start a Conversation
Expanded project screenshot
EmailWhatsAppCall