Examples of Ajax-based reservation (hotels/flights/car rental) sites

2 Feb 2006 - 11:22am
10 years ago
7 replies
3407 reads
Andrei Sedelnikov

Does anybody have an example of the web-site for
ticket/flight/hotel/car reservation with one-page interaction model,
possibly based on Ajax? That means the user doesn't have to fill out
the form in several steps, instead, he can select everything he wants
on one single screen.

The Broadmoor Hotel Reservation

is a well know example. Are there similar sites?

Thanks in advance,
Andrei Sedelnikov


2 Feb 2006 - 3:50pm
Robert Hoekman, Jr.

The Macromedia store and Caledon Bank both use Flash accordion
components, which isn't quite what you're after, but at least the
interactions are consolidated down to one page, even if the page has
several states.


2 Feb 2006 - 4:40pm
david gee

kayak.com doesn't exactly have a one-page interaction model, but it does
make extensive use of "ajax"-style remote scripting techniques
throughout it's interface.

david gee ::: david at mode3.com ::: http://www.mode3.com/david

3 Feb 2006 - 10:51am
Todd Warfel

Take a look at the Apple Store. They recently started using AJAX
during the order process. While it's not booking a room/car/flight,
it is a transaction process that begins w/a "select" a product, then
allows you to change/edit your selection with live updates on one

Go to the store, pick a Powerbook, the next screen (the
customization) screen is where the AJAX takes place. Change the RAM,
HD, or any feature and watch in the top right corner. AJAX and
JavaScript Fade technique.

3 Feb 2006 - 12:37pm
Dave Malouf

Hi David,

Besides the classic Broadmoor hotel site that everyone has been referencing
for the last 5 years, I haven't seen a one screen travel site.

Personally, I'm not sure it makes much sense.

I think that Kayak.com is a great example of some nice AJAX functionality,
but I do think that farechase.yahoo.com is actually a bit better from a
design perspective.

I think that booking travel really is a step through process and it is good
that criteria selection is focused on first, then selecting a result and
then fulfillment is next. These seem like good "page turns" to me.

What might be interesting to think about is the following.
Already on both Kayak and FareChase they do the following:
1. you have a form on the home page and you ill out your criteria
(page turn)
2. you get results, but in the margin of your results is your criteria (not
all of it, some of it) and some other means of filtering that wasn't part of
the initial search, so in essence you have access to your search while you
are looking at results.
3. B/c these sites are not actually doing fulfillment, they can't go to the
next step

But maybe what should happen is the next screen creates another margin and
then the fulfillment area in a primary column (two narrow + 1 wide).

So it goes something like this, and I guess the purpose is to maintain
flexibility and context:
Form [wide]
Results [1 narrow + 1 wide]
Fulfillment [2 narrow + 1 wide]

Just a thought.

- -dave

3 Feb 2006 - 12:44pm
Robert Hoekman, Jr.

There's not really a compelling reason to split it into successive pages,
but if you feel things need to happen in order, perhaps you could use a
similar three-column layout as the Broadmoor, dimming out the 2nd and 3rd
columns until the first is complete. When the first is complete, enable the
second column, and so on. This way, users would see everything they need to
complete, but would still be required to go through them in succession.


So it goes something like this, and I guess the purpose is to maintain
> flexibility and context:
> Form [wide]
> Results [1 narrow + 1 wide]
> Fulfillment [2 narrow + 1 wide]
> Just a thought.
> - -dave

5 Feb 2006 - 11:39am
Robert Hoekman, Jr.

Andrei pointed out this site in his original post. (The Broadmoor
system was done in Flash, by the way.)


Syndicate content Get the feed