The map The site
I compared the websites of leading hotels and apartments to understand how people book. That's where the map came from: pages, subcategories and the shortest path to booking.
← All projects
Project · Interfaces
Hotel America
How do you bring a hotel's new style to its website too?
The challenge
The hotel had just been renovated. The website had to become easier to use, especially for booking.
The idea
Bring the colors, wood and leaves of the lobby online: the same style, inside and out.
What I did
From the map to the prototype.
The colors of the lobby
Cool, natural tones, like in the hotel's restyling: the sage of the walls, the brass of the details and a warm white like paper.
Sage#82876F
Light sage#C8CFAE
Brass#B09A5B
Paper#F4F3EE
Two fonts, one character
Playfair Display for headings, elegant like the hotel. Inter for body text, clear and easy to read even on a phone.
Headings
Playfair Display
ABCDEFGHIJKLM abcdefghijklmBody text
Inter
ABCDEFGHIJKLM abcdefghijklmThe leaves of the lobby
The lobby's decorative motif becomes a pattern for the website: the same style, inside and out.
Icons and footer
Thin icons in the same green for the included services. The footer closes every page with the skyline of Trento and its mountains.
The Figma prototype
The website, page by page.
The whole website built in Figma, with the pages linked together. The homepage scrolls on its own: you can stop it with the pause button.
The result
A complete prototype, consistent with the renovated hotel and ready for the developers.