travel engine loading
HTML template · Travel booking

Travel Engine every trip, one booking system

A travel booking template for flights, hotels, holidays, buses and cars. Search with smart filters, compare prices, pick a seat, book, and manage it all from an account, as a traveller or as an agent with every fare broken down. Designed and built by me, and live to try.

  • Design · BuildMy role
  • 5Ways to travel
  • 29Pages
A hotel: photos, overview, rooms and the map
Flight results with a flight’s details open
travel-engine.mohammadazad.com
Travel Engine home: one search for flights, hotels, buses, cars and holidays, then offers and tour packages
Overview

Planning a trip should feel like the trip

The shift

  1. A different site for flights, hotels, buses and cars
    One search bar for all five, holidays included
  2. Long lists with no way to narrow them
    Filters for price, stops, times, operators and amenities
  3. Agents doing the fare sums by hand
    An agent view: base fare, taxes, invoice and the quote on every result
  4. Booking that only works on a desktop
    Fully responsive, from search to checkout

My role

  1. 01UXSearch, results, details and checkout for five kinds of trip
  2. 02UIA navy and red look, maps, galleries and calendars
  3. 03BuildThe responsive HTML template, live online

In numbers

5Ways to travel: flights, hotels, holidays, buses, cars
3Accounts: traveller, agent and super agent
4Lines on every agent fare

Key features

  • Smart search and filters01
  • Maps, galleries, calendars02
  • Responsive on every device03

What’s in it

  • FlightsOne way & returnStops & timesBaggageRefund detailsCheckout
  • HotelsRooms & guestsStar ratingGallery & mapChoose a room
  • HolidaysPackagesDuration & themesWhat’s included
  • BusesOperators & typesSeat mapPick-ups & dropsPolicies
  • CarsOne way & round tripCar typesInclusions & exclusions
Live preview

Try the template

Travel Engine is online. Load it here and size it as a desktop, a tablet or a phone, or open it in its own tab.

travel-engine.mohammadazad.com
Open in a new tab
Travel Engine: its home page
It loads from travel-engine.mohammadazad.com
29 pages · 7 parts
  1. Home: one search for everything

    Flights, hotels, buses, cars and holidays from one search, then the best offers and tour packages.

  2. Home, another way

    The same search over a sunset hero.

  3. Home, a third way

    Search beside the offers, in a collage.

  4. About

    Who is behind it, what they offer and why people choose them.

  5. Log in

    Email and password, or Facebook and Google.

  6. Flight search

    Results with filters for price, stops and times, each flight’s details a click away.

  7. A flight, opened

    Each leg with its times and airports, the connection, baggage and amenities.

  8. Refund rules

    Fare rules and refund charges, before you book.

  9. Flights, as an agent

    Base fare, taxes, invoice price and total fare quote on every result.

  10. Flight checkout

    Travellers, contact, deals and the fare details, then pay.

  11. Hotel search

    Hotels with rating, location and what’s free, filtered by price, city, rating and facilities.

  12. A hotel

    Gallery, overview, rooms to choose from and the map.

  13. Hotels, as an agent

    The fare breakdown above every hotel.

  14. Hotel checkout

    Guests, contact and deals, then pay.

  15. Holiday packages

    Packages with nights, places and what’s included, filtered by duration and theme.

  16. Holidays, as an agent

    The fare breakdown above every package.

  17. Holiday checkout

    Travellers, contact and deals for the package.

  18. Bus search

    Operators with times, stops, seats left and amenities, filtered by bus type, operator and pick-up.

  19. A bus, opened

    Pick-up and drop points, policies and cancellation charges.

  20. Pick a seat

    The bus’s seat map, lower and upper deck, then boarding and dropping points.

  21. Buses, as an agent

    The fare breakdown above every bus.

  22. Bus checkout

    Passengers, contact and deals, then pay.

  23. Car search

    Cars by type with seats, bags and AC, priced with GST.

  24. A car, opened

    Inclusions and exclusions, before you book.

  25. Cars, as an agent

    The fare breakdown above every car.

  26. Car checkout

    Trip details, travellers and deals, then pay.

  27. The traveller’s account

    Bookings, payments and wallet, personal info, login and security.

  28. The agent’s account

    The agent’s bookings, wallet and settings.

  29. The super agent’s account

    Agents and their bookings, from one account.

01 / 29
Travel Engine · Home
Home page, first layout
Home page, second layout
Home page, third layout
About page
Login page
Flight search results
Flight details opened in the results
Flight refund details
Flight results in the agent view
Flight checkout
Hotel search results
Hotel details
Hotel results in the agent view
Hotel checkout
Holiday packages
Holiday packages in the agent view
Holiday checkout
Bus search results
Bus details
Bus seat selection
Bus results in the agent view
Bus checkout
Car search results
Car details
Car results in the agent view
Car checkout
Customer account
Agent account
Super agent account
Next

More company work