Hotel america
hotelamerica.it
Web design
UX/UI Design
Restyling del sito web sviluppato con l’obiettivo di migliorare in modo significativo l’esperienza utente, rendendola più intuitiva, fluida e coinvolgente.
L’intervento grafico è stato pensato in continuità con il restyling dell’hotel, creando un dialogo visivo tra spazio fisico e spazio digitale.
Colori, pattern e dettagli visivi sono stati rielaborati per trasmettere un’immagine più fresca, elegante e contemporanea, capace di riflettere la nuova identità dell’hotel e offrire un’esperienza coerente e memorabile.
1.
site map
Costruzione della mappa per progettare un’esperienza utente perfetta
2.
scelta di colori e font
La scelta di colori e font che fossero in linea con il restyling attuale dell’hotel
3.
prototipazione in figma
Prototipo del sito realizzato in Figma, con componenti, microinterazioni e collegamenti tra pagine
Site map
Abbiamo realizzato la site map del sito, definendo la struttura delle pagine e delle sottocategorie.
Il lavoro è stato guidato da un’analisi comparativa con i principali siti di appartamenti e hotel, per comprendere le abitudini e le esigenze degli utenti in fase di prenotazione.
Questo confronto ci ha permesso di progettare una navigazione intuitiva e funzionale, con una disposizione logica dei contenuti e degli elementi del sito.
Colori e font
I colori e i pattern riprendono li restyling dell’Hotel America, caratterizzato da toni freddi, elementi in legno e motivi naturali.
Le foglie diventano un richiamo diretto al pattern decorativo della hall, creando così coerenza visiva e continuità estetica tra gli spazi fisici e l’identità grafica.
Icone
Prototipazione figma
Il progetto è stato sviluppato in Figma utilizzando i principi dell’ Atomic Design per creare un’interfaccia modulare e coerente.
Sono stati definiti componenti riutilizzabili (bottoni, card, elementi di navigazione) organizzati in un sistema gerarchico e supportati da variabili per colori, tipografia e spaziature.
Questo approccio ha permesso di mantenere coerenza visiva, semplificare gli aggiornamenti e facilitare l’implementazione da parte degli sviluppatori.