Olive & CamelliaUn sito che apre le porte, prima del soggiorno.
Un sito vetrina per un alloggio turistico a Civitavecchia, costruito attorno alle fotografie e al carattere di tre camere. Dalla scoperta degli ambienti alla prenotazione su Booking.com, con contenuti in otto lingue e un contatto diretto con la struttura.
Il progetto in breve
- 3 camereOlive, Camellia e Dahlia, ognuna con pagina e galleria dedicate.
- 8 lingueUn percorso pensato anche per gli ospiti internazionali.
- Su misuraIdentità botanica, fotografie su più piani e motion dedicato.
- Booking.comIl servizio scelto dalla struttura per le prenotazioni.
Il punto di partenza
Olive & Camellia è un alloggio turistico in Via Bramante, a Civitavecchia. Le tre camere condividono un’atmosfera accogliente, ma hanno colori, dettagli e capienze diverse.
Il punto di partenza erano il logo botanico, le fotografie e le informazioni fornite dal cliente. Il progetto di Francesco Guiducci ha dato a questi materiali una struttura, una direzione visiva e un percorso di navigazione.
Tre personalità. Una presenza riconoscibile.
Il sito doveva far percepire le differenze tra Olive, Camellia e Dahlia, rendere facili da trovare servizi e posizione e accompagnare gli ospiti internazionali verso la scelta della camera.
La direzione visiva nasce dagli ambienti: avorio, oliva e oro, ampie fotografie e dettagli botanici. Le animazioni aggiungono profondità senza cambiare il comportamento naturale dello scroll.
Dai materiali della struttura a un’esperienza completa.
Ogni elemento ha un ruolo: le fotografie raccontano gli spazi, le pagine rispondono alle domande e i collegamenti portano all’azione successiva.
Il materiale di partenza
- Logo e identità della struttura.
- Fotografie reali delle camere e degli ambienti.
- Informazioni su ospitalità, servizi e posizione.
Il sito realizzato
- Homepage fotografica e pagine dedicate a ogni camera.
- Contenuti in otto lingue, con cambio lingua sulla pagina corrispondente.
- Prenotazione su Booking.com e contatti diretti separati.
L’intervento
Direzione visiva e motion
Fotografie su piani indipendenti, una targa animata e dettagli botanici accompagnano l’esplorazione. Il movimento rispetta la preferenza di sistema per animazioni ridotte.
Pagine camera e gallerie
Ogni camera ha la propria pagina, con galleria fotografica, capienza e dotazioni. La homepage introduce le differenze e porta ai dettagli.
Un percorso in otto lingue
Italiano, inglese, spagnolo, francese, tedesco, portoghese, cinese semplificato e giapponese. Il cambio lingua conserva il contesto della pagina visitata.
Prenotazione e contatto
Le chiamate alla prenotazione portano alla scheda della struttura su Booking.com. WhatsApp, email e telefono permettono di fare una domanda direttamente alla struttura.
Fotografie e sviluppo
Le immagini del cliente sono ottimizzate per diversi schermi. Il sito e l’infrastruttura appartengono al cliente; i contenuti essenziali restano disponibili anche senza JavaScript.
Ambienti reali. Il punto di partenza del design.
Fotografie fornite dal cliente.
Il risultato
Una presenza digitale che rende riconoscibile la struttura e permette di esplorare camere, servizi e informazioni per l’arrivo prima del soggiorno.
Il percorso mantiene una distinzione chiara: il sito presenta l’esperienza e facilita il contatto; date, prezzi, disponibilità e conferma della prenotazione restano su Booking.com.
Il carattere delle camere, anche sul web.
Il case study documenta la progettazione e lo sviluppo del sito. Logo e fotografie sono stati forniti dal cliente e adattati all’esperienza digitale.
Non vengono pubblicati dati economici dei clienti né risultati commerciali attribuiti a un singolo intervento.
Un sito che racconti la tua attività.
Siti vetrina, istituzionali e corporate, con struttura e direzione visiva costruite sul progetto. Il primo passo è chiarire contesto e obiettivo.