Fattal Hotel Group

Investing in Powerful Partnerships 


Fattal Hotel Group is a responsive website that enables potential investors to receive important information about the hotel group, with an emphasis on the financial aspect.

Potential investors get all of the information they need in one website, in order to determine if they are interested in investing or not. 

1. Home Page.png
1. Home Page.png

Get Informed

Responsive Wireframes

A user friendly website, on desktop and mobile. Every component is modulated and designed in the most compatible way for each interface. 

Screen Shot 2019-05-11 at 13.50.36 copy.
Screen Shot 2019-05-11 at 14.40.23 copy.
Screen Shot 2019-05-11 at 20.03.10.png
Screen Shot 2019-05-11 at 14.41.19 copy.

Based on conventions that were revealed while conducting market research, the company's rating is presented in a table in the desktop version of the website.

Each row in the table was divided in order to display the information in a simple and understandable way in the mobile version.

The bar graph component was designed in order to portray Fattal Hotel Group's success and expansion. 

Screen Shot 2019-05-11 at 13.50.59 copy.

Desktop Component

Screen Shot 2019-05-11 at 14.40.58 copy.

Since this graph contains a vast amount of information, it was alternated from being horizontal to a vertical form in the mobile version. 

Furthermore, some of the years were omitted from the axis and a scrolling feature was added.

Mobile Component

Creating an Engaging Experience

Since reading financial information may be a little tedious, one of the main challenges was creating an interesting experience. Adding a storytelling element was one way to tackle this challenge. 

Screen Shot 2019-05-11 at 20.21.17.png

Desktop Component

Screen Shot 2019-05-11 at 14.44.55 copy.

Mobile Component

Collaboration With Designers

Screen Shot 2019-05-11 at 13.58.09.png
1. Home Page - Behaviour.png

The project included working in cooperation with designers and explaining each component's behaviour.

Screen Shot 2019-05-11 at 14.37.15 copy.
1. Home Page.png
Screen Shot 2019-05-11 at 13.56.54.png
1. Home Page - Behaviour.png

Specification Document

  In order to create an organised and thorough process, each component's behaviour and end cases were explained.




Screen Shot 2019-05-11 at 15.49.13.png
Screen Shot 2019-05-17 at 9.15.12.png