CASE STUDY
HOTEL BOOKING APP
HOTEL CALM
Goal
(A) The hotel - the customer
(B) User flow
01
Goal of the project is to create a intuitive app that brings the feeling of the hotel to the app. It will allow for a easy and smooth experience to book a room and show the hotels offers to the customer in a clear way.
The hotel attracts a diverse clientele, often appealing to a trendy and design-conscious demographic. Guests range from business travelers seeking a stylish and modern atmosphere to young professionals and creatives drawn to the hotel´s vibrant ambiance. The Hotel Calm typically cates to those who appreciate a unique blend of contemporary design, comfort and a lively social environment.
No
About
(A)
Expectations & challenges
Balancing an expected aesthetic appeal with a functionality is crucial and incorporating personalized features like room preferences or local recommendations. Creating an app that takes the customer quick and easy through the different stages of the booking. To creating a confirmation feature that updates the customer with a instant affirmation for a effective and smooth booking.
For this case, the user flow is to present a prototype, which is why only the necessary steps is taken in to the case.
No
The theme
(B)
User flow
About
(A) Colour
(B) Typography
(C) Interaction
(D) Photos
02
To enhance the images, a range of warm colors add to the cozy feeling. The colors are borrowed from the great colors of field notebooks.
No
The theme
(A)
Colour
About
The typography is Inter, it is minimalistic and works well in a bold feature. The text is centered and often directly on the images.
No
The theme
(B)
Typography
About
Icons and interaction with inspiration from field notebooks and receipt are simple and direct in the style. It defines the app and gives an organized expression.
No
The theme
(C)
Interaction
About
The photographs have a warm tone and are very important to the overall feeling of the app, the photos have the power to evoke and inspire users of the app. The photos are taken from front view with the object in the middle which gives a calm feeling.
No
The theme
(D)
Photos
About
(A) Start screen
(B) Search
(C) Location
(D) Calendar
(E) Confirmation
03
In the start screen, the user can swipe horizontal through the different location options.
No
The theme
(A)
Start screen
About
Search function brings user to a drop down menu with several options. A straight function with a back arrow for navigation.
No
The theme
(B)
Search
About
When the user selects a location, the display switches to a scrollable map for the user, for a clear understanding of the hotel location.
No
The theme
(C)
Location
About
A clear and simple calendar with a start and end date to pick.
No
The theme
(D)
Calendar
About
As a receipt, the confirmation serves as clear information for the user who follows along through the flow in the app. When the user makes a selection, it is added to the confirmation screen. When the booking is made, the confirmation screen is shown as part of the final screen.
No
The theme
(E)
About
Confirmation
This is an app that shows the feel and experience of the hotel with enhanced images and a overall coordinated ambience. It take the app user easily and smoothly through the booking process. The confirmation gives the user control and makes the app very clear. See the prototype here.
No
The theme
(F)
Prototype
About
