fbpx

Ospedale Regina Apostolorum

L’Ospedale Regina Apostolorum, è un grande polo sanitario alle porte di Roma, facente parte del gruppo sanitario Lifenet Healthcare presente con diverse strutture in tutta Italia.
L’ospedale aveva bisogno di un importante restyling del sito web. Le necessità erano: rendere la navigazione utente più facile e intuitiva, semplificare il flusso di prenotazione, ridistribuire i numerosi contenuti e riscriverli in ottica SEO, un design nuovo, moderno e più in linea con la brand identity del gruppo senza però dimenticare la funzionalità e la semplicità nell’user experience.

Per loro abbiamo progettato il nuovo sito partendo da un’approfondita analisi e stesura di una strategia di azione, quindi la progettazione della nuova sitemap e il restyling della veste grafica, caratterizzata da forme morbide e dal carattere friendly unite a colori freschi ma non invasivi, così da far sentire i pazienti accolti e confortati.
Abbiamo inserito anche tab animate e piccole animazioni di comparsa e transizione per donare un look ancora più attuale pur mantenendo un impatto professionale e un’usabilità alla portata di tutti.

Cliente
Ospedale Regina Apostolorum
Data
2024
Sito web
Visita
restyling_screen prima dopo

OBIETTIVI

L'Ospedale Regina Apostolorum necessitava di un sito web moderno, intuitivo e facilmente navigabile, in grado di migliorare l'esperienza utente e fornire informazioni chiare ai pazienti, semplificando il flusso di prenotazione e permettendone la ricerca sia tramite medico che tramite prestazione. Era anche importante ottimizzare la struttura SEO per aumentare la visibilità sui motori di ricerca e ampliare il loro bacino di pazienti..

SFIDE

Il sito preesistente presentava una struttura complessa e poco ottimizzata per l'usabilità, rendendo difficile la navigazione per gli utenti. L'organizzazione dei contenuti risultava dispersiva, ostacolando l'accessibilità alle informazioni sanitarie essenziali. Inoltre, il sito soffriva di problemi di velocità di caricamento e non era completamente ottimizzato per i dispositivi mobili, compromettendo l'esperienza utente. Un'altra sfida cruciale era l'ottimizzazione SEO, necessaria per migliorare il posizionamento sui motori di ricerca e aumentare il traffico organico, consentendo così all'ospedale di raggiungere un pubblico più ampio.

Fall Abstract Laptop Video Mockup Pinterest Pin  (1000 x 1500 px) (1920 x 1080 px)

Aspetto visivo

L’interfaccia grafica del sito è stata disegnata partendo dalla brand identity del gruppo sanitario Lifenet Healthcare, a cui appartiene l’Ospedale, e doveva quindi richiamare fortemente elementi grafici e tipografia dei siti già esistenti delle altre strutture ad esso collegate.

I layout delle pagine sono stati disegnati custom e progettati per trasmettere un senso di professionalità e affidabilità, utilizzando una palette di colori incentrata su tonalità di blu e bianco, simbolo di fiducia e pulizia e che richiama strettamente la color palette del brand. Abbiamo poi aggiunto un colore a contrasto per dettagli e CTA, l’arancio, che con la sua luminosità si abbina in modo allegro e solare all’azzurro.

L’impaginazione è stata studiata per garantire un’ottima leggibilità e una gerarchia visiva chiara, con titoli ben evidenziati, sezioni distinte e un’adeguata spaziatura tra i contenuti. Le animazioni leggere, come fade-in per il caricamento delle sezioni e hover effects sui pulsanti, aggiungono un tocco moderno senza appesantire l’esperienza di navigazione. L’uso di immagini di alta qualità e icone intuitive migliora ulteriormente la comprensione delle informazioni e l’interazione dell’utente con il sito.

L’obiettivo era quello di creare un sito che fosse piacevole, attuale ma anche e soprattutto di facile navigazione per gli utenti di ogni fascia d’età, posizionando i contenuti seconda una gerarchia che considerasse prima di tutto l’utilità finale dei pazienti.

sezione organi
buttons
tab servizi
footer

Funzionalità

menu aperto

 

 

 

MENÙ SU DUE LIVELLI CON TRANSIZIONI

È stato sviluppato un menù complesso per contenere un numero elevato di voci, correlate di immagini e testi descrittivi. Il menù si sviluppa su due livelli e ciascun livello ha diverse interazioni.
A livello di UI è stato implementato un sistema per cui, nonostante le sovrapposizioni dei dropdown dei contenuti, la navigazione fosse comunque facile e fluida. A ciascun elemento interno del livello inferiore è stata inoltre associata un’immagine che viene mostrata al passaggio del mouse.

 

 

 

 

DATABASE DEL PERSONALE

All’interno di WordPress, è stato creato un gestionale interno per il personale. Utilizzando elementi nativi come la creazione di Utenti, ed aggiungendo via codice una serie di campi per ciascun Utente, è stato possibile creare un Database del personale che l’Ospedale potrà facilmente gestire e consultare.
Queste informazioni vengono visualizzate lato front-end in diverse parti del sito.

medici
ricerca medici

 

 

 

RICERCA MEDICI

Attraverso ricerche mirate nel campi inseriti per i membri del personale, è stato possibile inserire una ricerca per specializzazione in Homepage, ma anche associare automaticamente i membri del personale nelle diverse pagine delle attività dell’Ospedale e configurare i form di contatto in modo da gestire prenotazioni e richieste in maniera mirata.

Ad esempio, l’utente che naviga sul sito può richiedere nel form di prenotazione un appuntamento selezionando la specializzazione a cui è interessato, il medico (selezionato tra quelli inerenti alla specializzazione scelta) e l’orario di ricevimento del medico selezionato.

Aspetto tecnico

Il sito è stato sviluppato con un’attenzione particolare alle performance e alla scalabilità. L’adozione di tecnologie moderne ha permesso di ottenere tempi di caricamento rapidi e un’esperienza fluida anche su dispositivi mobili.
Il codice è stato ottimizzato per garantire una struttura semantica pulita, favorendo sia l’accessibilità che l’indicizzazione da parte dei motori di ricerca. È stato implementato un sistema di caching avanzato e un’ottimizzazione delle immagini per ridurre il peso delle pagine.
Inoltre, sono stati installati strumenti di analisi come Google Search Console e Google Analytics per monitorare le performance SEO e il comportamento degli utenti, oltre all’utilizzo di un CMS flessibile (base WordPress) che consente al team dell’ospedale di aggiornare facilmente i contenuti in autonomia.

 

attività ambulatoriale mockup
centri specialistici mockup
servizi diagnostici mockup
percorsi oncologici mockup

Risultati

 

Il restyling del sito web dell’Ospedale Regina Apostolorum ha permesso di offrire ai pazienti e agli utenti una piattaforma moderna, intuitiva ed efficiente, migliorando l’accessibilità alle informazioni, semplificando la prenotazione online e aumentando la visibilità online dell’ospedale.

Tramite la nuova alberatura ottimizzata, si è riusciti a mettere in mostra tutte le numerose prestazioni offerte, le aree di specializzazione coperte, le informazioni utili e i medici a disposizione dei pazienti che, grazie a un flusso di navigazione rivisto e intuitivo, sono ora tutti contenuti facilmente raggiungibili.

Lato interno, il nuovo sito semplifica di molto la gestione delle richieste ricevute online e l’aggiornamento dei contenuti sul sito da parte del reparto backoffice dell’Ospedale, aiutando il Centralino a ricevere in modo più ordinato e già filtrato le richieste di prenotazione, ottimizzando così tempi e risorse per offrire un servizio sempre migliore alla cittadinanza.

Miglioramento della velocità di caricamento

Ottimizzazioni tecniche hanno ridotto
il tempo di caricamento del sito,
migliorando la user experience.

Maggiore engagement degli utenti

Le nuove animazioni e il design migliorato
hanno reso la navigazione più fluida e piacevole.

Aumento del traffico organico

Grazie alla nuova strategia SEO, il sito
ha registrato un incremento delle visite
provenienti dai motori di ricerca.

Miglioramento del posizionamento

Il nuovo sito ha registrato anche un
aumento nel posizionamento delle principali branded keywords, con un incremento
sia nei click che nelle impression.

Project Team

 

 

 

Accounting
Flavio Lenoci
_
Project Management
Flavio Lenoci & Sabrina Mencarelli
_
UI/UX Design
Sabrina Mencarelli
_
Developing
Silvia Malavasi

menu open single page mobile

Let's have a chat

For information, price quotation requests, collaboration or courses, do not hesitate to write!

Contact us