Orhan Ata
UX designer

ETSTUR
MOBİLE APP

Ui & Ux Design For Hotel Booking Flow

Image alt tag
ETSTUR  MOBILE APP

Home Page

Problems With Old Version:

  • One extra step for search function,

  • Confusing discount views with more than two formats,

  • No personalized offers.

New Design:

  • Search focused,

  • Easy and simple discount view,

  • Explore by categories,

  • Personalized offers (based on user's interests)

ETSTUR  MOBILE APP

Hotel Listing

Problems With Old Version:

  • Not showing the number of listed items,

  • Invisible filter and order buttons when scrooling at the bottom of screen,

  • Too many labels over the hotel photos,

  • Poor display of information about hotels,

  • Hard to read because of light and small fonts

New Design:

  • Sticky search, filter and sort buttons + map view,

  • Shows number of listed items,

  • Bigger and clear hotel photos + slide for more,

  • More information about hotels. We decided displayed info according to user feedback. Majority of users make important decisions about hotels at listing page.

ETSTUR  MOBILE APP

Hotel Details Page

Problems With Old Version:

  • Hard to find search different dates function,

  • Too many labels over hotel photo,

  • No direct link for comments near hotel rating,

  • Hard to find featured information about hotel,

  • Complex discount view.

New Design:

  • Sticky search function,

  • Clear photos and typography,

  • Visible direct links for categories,

  • Featured information about hotel at visible area,

  • More clear discount view,

  • Map view with tips (distance from airport, sea or popular places etc.)

ETSTUR  MOBILE APP

Checkout

Problems With Old Version:

  • One extra step for guests data forms,

  • Hard to see selected dates and room.

  • Force to make choice for extra services ( I want to add flights, I want to add airport transfer or I don't want to add etc.)

New Design:

  • Less steps,

  • More clear and simple view,

  • Add extra services easily, not necessary to make a choice,

  • Fill forms faster with saved data.

Thank you!