An analysis of wireframing and implementing a great user experience for a car rental business.
The car rental business, Guidiamo (Italian for 'We drive'), used usability tests and analytics and indicated users are having difficulty navigating the website.
Using usability tests and analytics has indicated that users are having a hard time navigating the website.
Design a fresh look at the navigation plan and general structure of the website.
Competitor analysis, wireframing, and visual design
Figma, Adobe Illustrator
After looking at the navigation of similar car rental websites, I was able to identify the critical information they have in common and why some looked more pleasing and were easier to understand. Here are the pros and cons for these four websites: Budget, Thrifty, Avis, and Enterprise.
Pros: Strong use of colors. The menu is easy to understand from a glance. Cons: Multiple bars makes the header padding huge. The space creates an uneven balance of information.
Thrifty's Car Rental's Navigation
Pros: Straightforward navigation bar. No confusion of the text indication. Cons: The menu system uses little padding. Combined with a small text size makes it challenging to navigate and frequent user misclicks.
Pros: A spacious and bold menu system. Great use of the double navigation bar. Cons:An overwhelming amount of menu links. The amount makesittroublesome with the lack of a search function to find what you need.
Pros: Straight to the point menu system. Clear separation from the log-in from the information-based pages. Cons: unclear membership title. AVIS preferred sounds more like a recommendation than a membership to sign up for.
Designing the Navigation Bar Wireframe
With the information learned from the competitors, I've compiled the most helpful information and why.
The Car Navigation Sitemap
An outline of every page in the menu system.
The Visual Design of the Menu System
Containing the information for renting and learning about the buisness. Here's a run down of each menu title:
The page with the most interest to the user. Vehicles has the navigation to rent or purchase a certain vehicles. Using red to indicate where the user is heading while maintiang brand visual cues.
The current location or the location the user is heading towards to have their rental ready to use.
For on going buisness relationships and rewards for loyalty.
Company information to increase loyalty and trust. Other information such as careers can be found here.
The second most used title in helping unclear information or other questions a user may have before proceeding to renting a vehicle.
The user most likely has not signed up to be a member yet and needs to learn more about the benefits before joining.
For the user to have and record the nessesary information from renting or purchasing a vehicle .
Helping the user identify what they can search for—an easy button to do as it says.
The Final Product
The conclusion of what the home screen of Guidiamo's menu looks like.
What I've learned from this project?
The more spacious the menu panel, the easier it is to interact with it
Keep the visual elements consistent with the brand identity
Having one navigation bar is always simpler
The membership tab needs to be clear on what it is
Are You Ready to Have Your Visual Problems Solved?
Let's get in touch to see how I can make your users fall in love with your product.