Booking Wizard

A new and improved wizard that leads the users through a series of well-defined steps.

In this page


The new booking wizard provides two choices for the user:

  • Hotel
  • Hotel + Flight

The Add a Car to this package will appear when the user enters the destination and presses RETURNS. The following destinations include car rentals:

  • Hawaii
  • Canada


Floating Labels

With the mandate of UX clarity and the reducing UI clutter, we are switching from Top Align Labels to Floating Labels. This change will reduce the number of elements on the UI: therefore, the user will be able to process the data on the page easier and faster.


IMPORTANT The datepicker on the prototypes is NOT how it should function. GO to Annotations at the bottom of this page for clear instructions.


Full-width Booking Wizard

Home Away

Booking Wizard for HomeAway

Wizard with Danger Alert
Danger Alert

CSS Styles

Booking Wizard CSS Style Sheet


The annotations provide instructions on items not included in the prototypes.

Datepicker Annotations