Hotel Leonardo da Vinci

Hotel Leonardo da Vinci

Realizzazione sito internet responsive

  • Hotel Leonardo da Vinci Erba

  • 2018

  • hotelleonardodavinci.com

Il progetto del restyling del sito web per l’Hotel Leonardo da Vinci di Erba è iniziato con lo studio del profilo del cliente e dell’ampia gamma di servizi offerti dalla struttura; l’Hotel infatti non è solamente un albergo classico, ma ingloba al suo interno ristorante, bar, piscina, area wellness, area meeting e congressi ed eventi.

Siamo partiti con l’idea di mettere al centro del progetto proprio i servizi che la famiglia Conti (proprietaria e gestore dell’Hotel) offre quotidianamente ai propri ospiti. I requisiti iniziali forniti dal Cliente erano:

  • Home page con foto emozionale a tutto schermo con header e LOGO centrale;
  • navigazione su singola pagina nella home-page;
  • Impostazione del menu di navigazione con le 4 principali aree dell’Hotel (camere e suite, ristorante e bar, meeting e congressi, matrimoni ed eventi)

L’obiettivo del Cliente, con il rifacimento del sito e l’inserimento delle nuove immagini realizzate tramite uno shooting fotografico di qualità, era di creare un sito web fatto su misura, ad-hoc, che servisse principalmente a valorizzare l’unicità che rappresenta l’Hotel oltre che al miglioramento dell’interazione con l’utente: un sito web dotato di personalità e unicità.

Mockup Iphone X sito Leonardo da Vinci ErbaIL DESIGN

Il design della UX/UI è partito pensando ai requisiti; abbiamo sviluppato in prima battuta il concept della homepage e del menù di navigazione, colonne portanti dell’intera struttura, in Photoshop, per valutare con il Cliente l’idea iniziale:

Mockup photoshop

Successivamente, abbiamo pensato a come rappresentare il concetto dei molteplici servizi offerti dall’Hotel; da qui, l’idea di creare un’immagine nello slider iniziale che variasse in automatico dal giorno alla notte, e che quindi, comunicasse la doppia funzionalità dell’Hotel:

Gif Slider

Abbiamo scelto di realizzare la home-page con navigazione a scroll-fisso, inserendo un percorso di navigazione vincolato per l’utente, proprio per creare una presentazione visuale ed emozionale iniziale dell’Hotel, attraverso fotografie e brevi testi di impatto:

Navigazione homeL’Header

Per aumentare il livello di interazione e di conversione finale dell’utente, nell’Header abbiamo inserito tutti i principali link di cui, un sito di una struttura alberghiera necessita:

  • menù di navigazione
  • lingua del sito
  • brand sempre in vista
  • bottoni per i contatti (telefono + indicazioni stradali + mail)
  • prenota ora, per riservare le camere

Il menù di navigazione

Una delle richieste, specifiche del Cliente, era quella di avere un menu di navigazione che mettesse in evidenza le 4 aree principali dell’hotel; abbiamo realizzato un menù che rispecchiasse questo concetto, sia nella navigazione desktop che mobile.

Nav mobileSviluppo

Abbiamo realizzato tutte le parti del sito web, partendo come detto, da una base creata in Photoshop; in seguito abbiamo progettato e studiato l’interazione e i percorsi di navigazione per tutte le diverse pagine, avvalendoci del software Adobe XD.

Adobe XD pages

Dettaglio sviluppo Hotel Leonardo con Adobe XD

Successivamente, abbiamo iniziato lo sviluppo vero e proprio del sito, scegliendo di utilizzare il popolare CMS WordPress, per permettere al Cliente, in futuro, l’aggiornamento dei contenuti in autonomia; abbiamo creato un template ad-hoc, realizzando i temi per le differenti pagine sviluppando tutte le pagine in HTML e poi procedendo alla conversione in file PHP per WordPress.

Ottimizzazione SEO

Infine, abbiamo realizzato un’ottimizzazione SEO on-site, preoccupandoci di:

  • verificare la SERP prima di lanciare il nuovo website, impostando i corretti redirect 301, per evitare penalizzazioni;
  • ottimizzare le Meta Description di tutte le pagine;
  • ottimizzare i tag H1 e H2 nel sito;
  • ottimizzare i tag ALT sulle immagini;
  • ottimizzare la consistenza delle keywords nei testi descrittivi delle pagine;
  • creare una link building interna tra le pagine del sito per migliorare l’indicizzazione;
  • attivare un sistema di caching e compressione delle pagine;
  • inserimento di un certificato di navigazione sicura HTTPS;
  • inserimento microdata e schema.

Il risultato è stato quello di un sito web con SEO score di 81/100.

SEO Result Leonardo da Vinci

Il tempo medio di caricamento del sito, è di 2,3 secondi, test eseguito all’interno dei paesi UE (target dei turisti dell’Hotel).

Velocità caricamento sito

Ottimizzazione per conversioni

Per ogni pagina del sito web, abbiamo inserito una CTA chiara e precisa, per indirizzare l’utente a compiere un’azione specifica in una pagina dove è stato creato un form apposito; abbiamo cosi creato 9 differenti form, con diversi campi e configurazioni, per mettere in comunicazione l’utente direttamente con il reparto dell’Hotel.

CTA matrimoni

Form matrimonio ad alta conversione

Conclusioni

Il restyling del sito web dell’Hotel Leonardo Da Vinci è un progetto durato alcuni mesi che ci ha permesso di realizzare un manufatto di una certa fattura e qualità; per realtà che necessitano di valorizzare la propria immagine, la realizzazione di un sito web con questo approccio progettuale è la soluzione più indicata, perché permette di ottenere un sito web unico, costruito su misura e soprattutto senza partire da un template pre-costruito.

Visita ora il sito: https://hotelleonardodavinci.com

Chiamaci, scrivici, richiedi un appuntamento o un preventivo: siamo qui per te!
Questo sito NON utilizza alcun cookie di profilazione. Sono invece utilizzati cookie di terze parti legati ai servizi di analisi di Google. I cookie ci aiutano a fornire un servizio migliore.