In occasione del Salone Nautico di Venezia 2026 (svoltosi dal 27 al 31 maggio 2026) Aquabat, cantiere nautico italiano d’eccellenza, ha presentato il nuovo sito web dedicato alla propria gamma di imbarcazioni. L’obiettivo del progetto non era esclusivamente rinnovare l’immagine digitale del brand, ma ripensare l’intera architettura tecnica per offrire performance elevate, accessibilità e strumenti interattivi su misura per clienti e dealer.
Obiettivi e Sfide del Progetto
Il sito precedente soffriva di un forte sovraccarico architetturale dovuto a plugin pesanti e sovradimensionati, tra cui un’installazione di WooCommerce utilizzato, nonostante il sito non fosse destinato alla vendita online, esclusivamente allo scopo di poter realizzare (tramite un ulteriore plugin) il configuratore delle imbarcazioni.
La sfida principale è stata:
- snellire radicalmente il backend eliminando dipendenze inutili;
- sviluppare un configuratore personalizzato, leggero e veloce;
- migliorare UX, accessibilità e prestazioni complessive.
Cosa è stato realizzato
1. Nuova veste grafica
Il progetto includeva anche il completo rinnovamento dell’interfaccia grafica, con la creazione di un template moderno, responsive e orientato alla fruibilità.
La nuova veste grafica valorizza:
- le immagini delle imbarcazioni;
- le caratteristiche tecniche dei modelli;
- le possibilità di personalizzazione;
- i contenuti multimediali;
- i punti vendita e la rete di rivenditori.
L’obiettivo è stato creare un’esperienza più chiara e attuale, capace di comunicare il carattere artigianale e Made in Italy del marchio Aquabat.
2. Configuratore imbarcazioni custom
L’eliminazione di WooCommerce ha permesso di alleggerire notevolmente il database e le chiamate HTTP.
Al suo posto è stato progettato e sviluppato un configuratore proprietario dedicato, intuitivo e reattivo.
Dopo la scelta del modello di barca, l’utente può personalizzare:
- Scafo: selezione del colore della livrea.
- Cuscineria: palette colori dedicate per interni ed esterni.
- Rivestimento ponte: selezione delle finiture e tipologie di teak applicabili.
- Branding: scelta della tipologia di logo Aquabat.
- Coperture: configurazione del rollbar e colore del tendalino parasole.
- Interni & Accessori: dotazioni opzionali e tonalità dei mobili cabina.
Il risultato è un’esperienza d’uso fluida, semplice ed intuitiva sia da desktop che da smartphone, con tempi di caricamento istantanei e lead generation diretta, anche grazie alla possibilità di richiesta preventivo da parte del cliente. Inoltre, in questo modo, il sito non si limita a presentare le imbarcazioni, ma permette di esplorarne concretamente le possibilità di personalizzazione.
3. Struttura dati su misura: CPT boat e taxonomy model
Per garantire al cliente una gestione del catalogo scalabile e pulita, sono stati definiti:
- Custom Post Type (boat): schede tecniche dettagliate per ogni singola imbarcazione.
- Custom Taxonomy (model): categorizzazione logica per linee di prodotto.
Questo setup assicura un inserimento dati rapido da backend e una navigazione a prova di utente nel frontend, in quanto consente di classificare e organizzare i diversi modelli prodotti dall’azienda oltre a poter riutilizzare le informazioni in diverse sezioni del sito e costruire pagine dedicate con contenuti coerenti e facilmente aggiornabili.
4. Mappa rivenditori interattiva
Addio a chiavi API restrittive o script esterni lenti: la pagina Rivenditori (dealer locator) è stata ricostruita integrando Leaflet e OpenStreetMap.
La nuova soluzione consente di visualizzare i punti vendita in modo interattivo e di consultare più facilmente la rete commerciale Aquabat. La scelta di una soluzione basata su tecnologie open source ha permesso di ottenere una mappa interattiva leggera, flessibile, personalizzabile e integrata con il nuovo design del sito ma soprattutto pensata per guidare l’utente verso il concessionario Aquabat più vicino.
5. Media Hub: nuova sezione video Youtube
La precedente sezione video, rimasta incompiuta, è stata interamente riprogettata collegandola direttamente al canale ufficiale YouTube del brand.
Una video-gallery ordinata e aggiornabile che offre agli utenti agli utenti un modo immediato per conoscere caratteristiche, comportamento in acqua e dettagli costruttivi di ogni modello.
6. Accessibilità e qualità tecnica
Durante lo sviluppo è stata dedicata particolare attenzione anche all’accessibilità e alla qualità complessiva dell’esperienza digitale.
Il nuovo sito raggiunge un punteggio del 95% nella sezione Accessibilità di PageSpeed Insights, risultato ottenuto attraverso interventi mirati su struttura, navigazione, leggibilità e implementazione tecnica.
Tra gli aspetti considerati rientrano:
- Struttura semantica dei contenuti.
- Contrasto e leggibilità dei testi.
- Navigazione più chiara.
- Utilizzo corretto degli elementi interattivi.
- Ottimizzazione dell’esperienza su dispositivi mobili.
- Riduzione degli elementi tecnici non necessari.
PageSpeed Insight – Computer
PageSpeed Insight – Mobile
Il risultato
Il nuovo sito Aquabat riunisce in un’unica piattaforma una presentazione più moderna del brand, una gestione più ordinata della gamma di imbarcazioni, un configuratore costruito sulle esigenze reali dell’azienda e una maggiore attenzione a prestazioni e accessibilità.
Il progetto ha trasformato il sito da semplice vetrina digitale a strumento interattivo per esplorare, configurare e conoscere le imbarcazioni Aquabat con una struttura più coerente con le reali esigenze del cliente, più semplice da gestire e più efficiente dal punto di vista delle prestazioni.
sulla barra inferiore.