Case study pubblico
Sito WordPress multilingua Hotel Pace
Ho sviluppato in WordPress il layout Adobe XD fornito dall'agenzia, con Elementor Pro Theme Builder, widget custom per le camere, un plugin per la mappa interattiva e tre lingue con WPML.
Tipologia
Sito multilingua per hotel
Servizi forniti
Il progetto
Un sito Elementor Pro con funzionalità sviluppate su misura
Hotel Pace è un hotel familiare a Marniga di Brenzone, sul Lago di Garda. L'agenzia ha fornito design e risorse grafiche; io ho sviluppato il sito WordPress in italiano, inglese e tedesco, affiancando a Elementor Pro widget e plugin custom dove il builder da solo non bastava.
Il mio ruolo
Di cosa mi sono occupato
- Template con Elementor Pro Theme Builder e child theme
- Custom post type per camere e dotazioni
- Widget Elementor custom per slider camere, gallery e servizi
- Plugin custom per la mappa interattiva
- Setup multilingua con WPML e adattamenti responsive per smartphone
- Supporto alla messa online: backup e ripristino sul dominio finale, licenze, sicurezza, SMTP e HTTPS
Fornito dall'agenzia
- Design e layout in Adobe XD
- Risorse grafiche
- Indicazioni sulle interazioni
Sfida tecnica
Funzionalità oltre il page builder, in un sito che il cliente gestisce da solo
- Mostrare camere, dotazioni e punti di interesse in modi non coperti dai widget standard di Elementor.
- Lasciare al cliente la gestione di camere, testi, immagini e punti della mappa, in tre lingue.
- Offrire un sito comodo da usare su ogni dispositivo, soprattutto su smartphone.
- Tenere telefono, prenotazione e mappa sempre a portata di dito su smartphone.
Implementazione tecnica
Theme Builder di Elementor Pro
Header, footer e menu fullscreen vivono in template separati, su un child theme di Hello Elementor. Il cliente interviene sui contenuti senza incidere sulla struttura.
Camere con post type e widget custom
Camere e dotazioni sono custom post type. I widget Elementor custom ne mostrano slider, gallery e servizi: i dati si gestiscono in un punto solo e il layout resta nel template.
Mappa interattiva come plugin
L'ho sviluppata come plugin perché serviva più di un widget: punti su foto aerea, testi tradotti con WPML, modalità a pallini e un ritaglio dedicato allo smartphone. Il cliente gestisce i punti in autonomia.
Multilingua con WPML
Tre lingue con WPML, estese a campi personalizzati e moduli. Le pagine privacy e cookie in inglese e tedesco si collegano in automatico da footer e modulo.
Responsive ottimizzato per il mobile
Ho adattato layout, menu e moduli a smartphone, tablet e desktop, con particolare attenzione al mobile. Anche nei dettagli: l'altezza dell'hero è in svh anziché in vh, così la pagina non sobbalza durante lo scroll.
Barra fissa su smartphone
Una barra in basso dà accesso diretto a telefono, prenotazione e mappa, con aree abbastanza ampie da essere toccate facilmente con un dito.
Funzionalità chiave
Resa su smartphone
Le stesse pagine su smartphone, con la barra fissa in basso per chiamare, prenotare o aprire la mappa.
Risultati
- Il cliente aggiorna da solo testi, foto, camere e punti della mappa, senza toccare codice o layout.
- Manutenzione rapida anche per lo sviluppatore o l'agenzia che subentra: personalizzazioni separate in child theme e plugin, template distinti, dati in post type e campi. Si interviene nel punto giusto, in poco tempo e con meno rischio di rompere altro.
- Sito responsive su tutti i dispositivi e ottimizzato soprattutto per il mobile: layout, menu e moduli adattati alla vista da smartphone.
- Un unico template per le camere: aggiungere o modificare una camera non richiede di toccare il layout.
- Pagine tradotte in inglese e tedesco senza duplicare il layout.
- Su smartphone telefono, prenotazione e mappa restano sempre raggiungibili dalla barra fissa.
Hai un design da portare su WordPress?
Collaboro con agenzie web e design agency come partner tecnico, anche in white-label. Mandami contesto, stato del progetto e scadenza: rispondo entro 24 ore lavorative.