# Olive & Camellia Un sito che apre le porte, prima del soggiorno. > Il sito vetrina di Olive & Camellia a Civitavecchia: fotografie reali, otto lingue, animazioni su misura e un percorso chiaro verso Booking.com. URL canonico: https://ifgdigital.com/ifgwebdesign/case-study/olive-camellia/ · Lingua: italiano · Aggiornato: 2026-11-10 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 camere**: Olive, Camellia e Dahlia, ognuna con pagina e galleria dedicate. - **8 lingue**: Un percorso pensato anche per gli ospiti internazionali. - **Su misura**: Identità botanica, fotografie su più piani e motion dedicato. - **Booking.com**: Il 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. - Prima: Logo e identità della struttura. - Prima: Fotografie reali delle camere e degli ambienti. - Prima: Informazioni su ospitalità, servizi e posizione. - Dopo: Homepage fotografica e pagine dedicate a ogni camera. - Dopo: Contenuti in otto lingue, con cambio lingua sulla pagina corrispondente. - Dopo: 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. ## 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. - [Vedi il sito del progetto](https://olivecamellia.com/) ## 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. - [Scrivi su WhatsApp](https://wa.me/393780832717): +39 378 083 2717 - [info@ifgdigital.com](mailto:info@ifgdigital.com): info@ifgdigital.com - [info@ifgecommerce.com](mailto:info@ifgecommerce.com): info@ifgecommerce.com - [Siti vetrina](https://ifgdigital.com/ifgwebdesign/realizzazione-siti-web/) --- Contatti: info@ifgdigital.com · +39 378 083 2717 · https://ifgdigital.com/contatti/