Hotel america
hotelamerica.it
Web design
UX/UI Design
Restyling of the website developed with the aim of significantly improving the user experience, making it more intuitive, smooth, and engaging.
The visual intervention was designed in continuity with the hotel’s restyling, creating a visual dialogue between the physical space and the digital one. Colours, patterns, and visual details were reworked to convey a fresher, more elegant and contemporary image, capable of reflecting the hotel’s new identity and offering a coherent and memorable experience.
1.
site map
Building the map to design a seamless user experience.
2.
Colour and font selection
Choosing colours and fonts in line with the hotel’s current restyling.
3.
Figma prototyping
Website prototype created in Figma, complete with components, micro-interactions, and page links.
Site map
We created the site map, defining the page structure and subcategories. The work was guided by a comparative analysis of leading apartment and hotel websites, to understand users’ habits and needs during the booking process. This comparison allowed us to design intuitive and functional navigation, with a logical arrangement of content and site elements.
Colours and fonts
The colours and patterns draw from the Hotel America restyling, characterised by cool tones, wooden elements, and natural motifs. The leaves serve as a direct reference to the decorative pattern in the hotel lobby, creating visual consistency and aesthetic continuity between the physical spaces and the graphic identity.
Icons
Figma Prototyping
The project was developed in Figma using the principles of Atomic Design to create a modular and consistent interface. Reusable components (buttons, cards, navigation elements) were defined, organised in a hierarchical system and supported by variables for colours, typography, and spacing. This approach made it possible to maintain visual consistency, simplify updates, and facilitate implementation by developers.