Booking Wizard

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


In this page

Clarity

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

New

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.

Datepicker

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


Prototypes

Full-width Booking Wizard

Home Away

Booking Wizard for HomeAway

Wizard with Danger Alert
Danger Alert


CSS Styles

Booking Wizard CSS Style Sheet


Annotations

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

Datepicker Annotations