The Avis logo in red on a light grey background

Overview

At Avis Budget Group I redesigned the booking flow, taking it from five steps to three: make a reservation, pick your vehicle, then review and checkout. I designed the review and checkout page, now live on avis.com. Conversion rose by 5% during testing.

Five steps to three

Protections and add-ons each had their own step. Now both sit on the review and checkout page.

Before

  1. 1Make a reservation
  2. 2Pick your vehicle
  3. 3Protections
  4. 4Add-ons
  5. 5Review & Book

After

  1. 1Make a reservation
  2. 2Pick your vehicle
  3. 3Review & CheckoutProtectionsAdd-onsPayment
  1. 1Make a reservationThe top of the Avis homepage, with the pick-up location and dates
  2. 2Pick your vehicleThe top of the results page, with filters and the first vehicles and their daily prices
  3. 3Review & CheckoutThe top of the review and checkout page, with the booking form beside the booking summary

Protections and add-ons

On the new checkout, protections and add-ons had to sit alongside the booking form. Each became a small component with its own states.

  • The Essential Protection card, marked Most Popular Bundle, listing what it covers with a daily price, the original price struck through and 10% offProtection bundle. The most popular cover, with its daily price and saving.
  • A green banner reading: Your protection is selected. Thank you for protecting your trip.Confirmation once protection is chosen.
  • The booking summary from Protections and Add-ons down: savings, each tax and fee itemised, and the totalThe summary totals protections, add-ons, savings, taxes and fees.
  • A collapsed row titled More protection options, with the line: Add additional coverage for extra peace of mindMore cover, folded away until it's needed.
  • The Mobile WiFi add-on card with a details link, a daily price and an empty checkboxAn add-on: name, details, daily price and a checkbox.
  • The Mobile WiFi add-on card with its checkbox tickedThe same add-on, selected.
  • The Roadside Assistance add-on card, tinted green with an Included in bundle badgeRoadside Assistance, marked as included in the bundle.
  • The Child Safety Seats add-on card with a quantity stepper set to 2Child seats, chosen by quantity.
  • The Fuel Plan add-on card, priced at an estimated amount per gallonFuel Plan, priced per gallon.
  • The e-Toll Unlimited add-on card with its checkbox tickedTicking an add-on updates the total straight away.
The Avis logo in red on white