Roomonitor è un’azienda internazionale con sede a Barcellona che sviluppa dispositivi di monitoraggio acustico pensati per il mondo dell’hospitality. Il brand si rivolge in particolare a property manager, host Airbnb e strutture ricettive che vogliono garantire tranquillità ai propri ospiti e rispetto delle normative sul rumore. Il sito precedente, però, non rifletteva l’immagine moderna e tecnologica dell’azienda: era lento, poco chiaro nella navigazione e privo di una logica di conversione efficace.

L’obiettivo principale del progetto era realizzare un portale che fosse allo stesso tempo più performante, scalabile e orientato all’utente, in grado di comunicare i punti di forza del prodotto e semplificare la gestione delle sottoscrizioni. Inoltre, il team di Roomonitor desiderava un backend personalizzato che permettesse di aggiornare facilmente i contenuti, aggiungere nuovi piani di abbonamento e gestire l’e-commerce in autonomia, senza dover dipendere da sviluppatori esterni per ogni modifica.

Un’altra richiesta chiave era l’internazionalizzazione del sito: il brand opera in diversi Paesi e necessitava di una piattaforma multilingua, con traduzioni gestibili in modo semplice e coerente. La sfida, quindi, consisteva nel combinare una solida architettura WordPress con una esperienza d’uso fluida e un design professionale, rispettando i valori di innovazione e affidabilità che contraddistinguono il marchio.

L’obiettivo era realizzare un portale che unisse design, performance e facilità d’uso, comunicando la qualità e l’affidabilità del prodotto.

La prima fase del lavoro è stata dedicata alla comprensione profonda del brand e dei suoi obiettivi. Ho condotto una serie di incontri con il team di Roomonitor per raccogliere informazioni sul target di riferimento, sulle problematiche riscontrate con il vecchio sito e sulle aspettative legate al nuovo. Questo ha permesso di delineare un quadro chiaro delle esigenze, evitando scelte estetiche o funzionali scollegate dai reali obiettivi di business.

Parallelamente, ho analizzato i principali competitor del settore IoT e hospitality, sia a livello di design che di struttura dei contenuti. Da questa analisi è emersa la necessità di rendere il messaggio più immediato: spiegare in pochi secondi cosa fa Roomonitor e perché è diverso dagli altri. Ho quindi definito una nuova architettura informativa, progettata per guidare l’utente in modo naturale verso la comprensione del prodotto e la conversione.

Un’attenzione particolare è stata dedicata al flusso di acquisto: nel vecchio sito, il processo per scegliere un piano e acquistare un dispositivo risultava macchinoso. Ho semplificato la logica, rendendo l’esperienza step-by-step e più chiara, con call to action evidenti e una gerarchia visiva che accompagna l’utente lungo tutto il percorso. Questa fase preparatoria è stata fondamentale per impostare una base strategica solida, su cui costruire design e sviluppo.

Il design del nuovo sito è stato interamente realizzato su Figma, partendo da una griglia modulare flessibile capace di adattarsi a diversi tipi di contenuto e lingue. L’obiettivo era creare un’interfaccia moderna e leggera, coerente con la natura tecnologica del brand, ma anche accessibile e intuitiva per chi non ha particolare dimestichezza con i prodotti IoT.

Ho scelto una palette cromatica che richiama l’identità visiva aziendale, bilanciando i toni blu del brand con spazi bianchi e accenti di colore per evidenziare le azioni principali. La tipografia sans-serif trasmette chiarezza e precisione, mentre le illustrazioni e le fotografie dei dispositivi sono integrate in modo armonioso per comunicare trasparenza e affidabilità.

Durante la fase di prototipazione ho lavorato a stretto contatto con il cliente, condividendo wireframe interattivi e mockup navigabili. Questo approccio ha permesso di raccogliere feedback in tempo reale e ottimizzare la struttura prima ancora di passare allo sviluppo.

Un altro aspetto centrale è stato il design system, costruito per garantire coerenza visiva su tutte le pagine e facilitare eventuali aggiornamenti futuri. Ogni componente – pulsanti, card, tipologie di griglia e sezioni informative – è stato pensato per essere riutilizzabile e personalizzabile, assicurando una gestione sostenibile nel tempo.

Per la parte di sviluppo ho realizzato un tema WordPress custom da zero, scritto in SCSS e JavaScript modularizzato, con ACF per la gestione dinamica dei contenuti. Questo ha reso il sito estremamente flessibile, consentendo al team Roomonitor di modificare testi, immagini e sezioni senza alcuna competenza tecnica.

L’integrazione di WooCommerce Subscriptions è stata uno degli elementi più complessi e interessanti: ho creato un sistema personalizzato per gestire i piani di abbonamento, collegato alla vendita dei dispositivi. Ogni prodotto può essere associato a un piano specifico, con logiche di rinnovo automatico e sincronizzazione semplificata.

Inoltre, ho sviluppato una modale dinamica per i dispositivi, che consente all’utente di visualizzare in tempo reale le caratteristiche tecniche, confrontare modelli e procedere direttamente all’acquisto senza ricaricare la pagina.

Il sito è completamente multilingua grazie a WPML, con un sistema di duplicazione dei contenuti ottimizzato per evitare conflitti e mantenere uniformità tra le varie versioni. Sul fronte performance ho implementato lazy loading, ottimizzazione delle immagini WebP, cache avanzata e minificazione del codice.

Il risultato è un sito veloce, reattivo e scalabile, costruito per supportare l’espansione futura del brand senza dover ripartire da zero.

Il nuovo sito di Roomonitor rappresenta oggi un vero punto di riferimento per il brand. L’esperienza utente è stata completamente ridisegnata per essere più fluida e orientata alla conversione, con una navigazione intuitiva e un design coerente su ogni dispositivo. I tempi di caricamento si sono ridotti drasticamente, migliorando sia la user experience sia il posizionamento SEO.

Dai primi mesi dopo il lancio, Roomonitor ha registrato un aumento del traffico organico e un incremento del tasso di conversione sugli abbonamenti. Il nuovo sistema di gestione dei piani ha semplificato il lavoro del team interno, che ora può gestire aggiornamenti e nuove offerte in autonomia.

In termini di immagine, il sito trasmette professionalità, innovazione e attenzione ai dettagli — valori centrali per un’azienda che opera in un mercato tecnologico competitivo.

La piattaforma, completamente personalizzata e ottimizzata per le prestazioni, è pronta a crescere insieme al brand, supportando le future integrazioni e l’espansione internazionale.

Roomonitor ha registrato un aumento del traffico organico e un incremento del tasso di conversione sugli abbonamenti.