Accommodation
After the flight was selected, the accommodation page is displayed. The header contains the title Find a place to stay and the current cost estimation. The cost is calculated using Configuring the Business Formulas by adding the flight, and the accommodation.
There is a search button to find hotels.
The system uses the dates of the trip to find, filter, and propose locations that are suitable. The details about a location are a picture, the name, the type of stay, the address of the accommodation, a review score, price for the entire period.
The locations are hard-coded. They are inserted into the database, but they are dynamic based on the city.
1 Booking
There are three locations displayed with the following data:
- picture with the accommodation
- name of the location
- type of stay, e.g. hotel, apartment, house, and more
- a review score and number of reviews
- nice benefits of the location
- price for the entire stay & price for one night
Name | Provider | City |
---|---|---|
50's era | Booking | Barcelona |
Classy apartment | Booking | Barcelona |
Monument Nouvel | Booking | Barcelona |
Penthouse with a view | Booking | London |
Small apartment close to Buckingham palace | Booking | London |
Spacious house | Booking | London |
Beautiful apartment with great view | Booking | Paris |
Paris penthouse | Booking | Paris |
Small space with lots of light | Booking | Paris |
To navigate between the locations swipe left to right.
2 Airbnb
There are three locations displayed with the following data:
- picture with the accommodation
- name of the location
- type of stay, e.g. hotel, apartment, house, and more
- a review score and number of reviews
- nice benefits of the location
- price for the entire stay & price for one night
To navigate between the locations swipe up and down.
The offers are:
Name | Provider | Location |
---|---|---|
Hotel Modern | Airbnb | Barcelona |
Hotel Sangria | Airbnb | Barcelona |
Sofia Residence | Airbnb | Barcelona |
Spacious apartment with a view | Airbnb | Barcelona |
Big Ben apartment | Airbnb | London |
Open living apartment | Airbnb | London |
The 360 apartment | Airbnb | London |
Wood house near Thames | Airbnb | London |
Exquisite space near the Eifel Tower | Airbnb | Paris |
Glass roof and natural light | Airbnb | Paris |
Modern design with full service | Airbnb | Paris |
Wonderful city view | Airbnb | Paris |
Three locations are displayed. To see more locations, scroll down and click on Show more and other rentals are available.
Click on a location, and the card becomes green. Click Continue to get to the next step.