Whilst working as the Senior Product Designer at Avis Budget Group I was responsible for the design of all the digital products across multiple brands. In this example, I am specifically talking about the Avis website booking flow redesign.
The Avis booking flow was outdated and was a poor user experience. The task was to design a better booking flow with higher conversion and less drop-off whilst also supporting the other designers in the team with feedback and guidance.
- Senior Product Deisgner
- UI Design
- UX Design
Avis Booking Flow Redesign
I joined Avis in 2019 as their Senior Digital Product Designer. One of the many projects I worked on was the redesign of their booking flow both from a UI and UX perspective on their website.
A new modern UI design and aesthetic were applied to the tool to bring the website up to date with current design trends.
The UI is simple and easy to navigate with larger CTA’s a reduction of unnecessary information and plenty of white space for breathing room.
A huge amount of time was invested in getting the User Experience of the new booking flow right. The user-centric design was applied when considering the goals of our users. Layouts, language and CTA’s were researched and tested over and over using multiple UX research and testing techniques.
The live design is still tested and improved using live data from our in-depth built-in analytics tools to constantly improve and refine the booking flow to result in the most car hire bookings as well as make the User Experience stress-free and enjoyable.
Out of date, dark UI. Too many clickable elements and messaging. Users found this UI confusing and overwhelming.
Cleaner more modern UI with lots of white space. More content appears above the fold and a reduction in options in the top nav as not to overwhelm users.
The Atomic Design System
The Avis website and all other projects at Avis Budget Group have an Atomic Design System where Components are made from Molecules and Atoms.
This ensures the design is efficient, consistent and accurate even when multiple designers are working on Avis projects.
The Pattern Library
The Pattern Library is another important tool as part of the bigger Design System we have built at Avis Budget Group.
The Pattern Library similar to the Atomic Design System shares the same principles but is a tool for development rather than design. Each component in the Pattern Library has already been coded up and can be copied and pasted to build out pages on the website.