Il progetto prevedeva l'introduzione di due nuove modalità di assistenza all'interno del chatbot esistente: la chat con un operatore e la chiamata VoIP. L'obiettivo era integrare questi punti di contatto nei flussi esistenti, garantendo continuità nell'interazione e coerenza con l'esperienza già consolidata dagli utenti.

Ho analizzato i flussi di assistenza dell'applicazione e il funzionamento del chatbot, approfondendo la logica delle diverse tipologie di risposta. Attraverso un'analisi dell'esperienza attuale e un benchmark delle soluzioni adottate da altri operatori, ho individuato i principali punti critici e le opportunità di miglioramento, definendo le basi per la progettazione dei nuovi flussi.

Sulla base degli insight emersi dall'analisi, ho definito la struttura dei nuovi flussi, individuando i punti di accesso all'assistenza con un operatore, le condizioni per il passaggio automatico e le modalità di transizione dalla chat alla chiamata VoIP. La progettazione ha tenuto conto della continuità con i flussi esistenti e della necessità di rendere il passaggio tra i diversi canali chiaro e coerente.

Ho realizzato un prototipo interattivo dei flussi di contatto, condividendolo con i team Business e Sviluppo per verificarne la coerenza con i requisiti di progetto, la fattibilità tecnica e l'allineamento con gli obiettivi di prodotto. Questo confronto ha permesso di consolidare le soluzioni progettuali prima dell'avvio dello sviluppo.

Il progetto prevedeva l'integrazione di un nuovo prodotto di deposito all'interno dell'applicazione, nel rispetto dei vincoli del design system, dei pattern di interazione consolidati e delle tempistiche disponibili. L'obiettivo era garantire coerenza con l'esperienza esistente e rendere le funzionalità accessibili e comprensibili anche per gli utenti alla prima attivazione.

Ho analizzato la struttura dell'applicazione, le logiche di navigazione e i punti di contatto esistenti per individuare la collocazione più efficace del nuovo prodotto nell'architettura informativa. L'analisi ha permesso di definire le modalità di integrazione, preservando la continuità con l'esperienza utente e i pattern già consolidati.

In considerazione delle tempistiche di progetto, ho sviluppato direttamente wireframe ad alta fedeltà, consentendo al cliente di valutare fin dalle prime fasi soluzioni visivamente vicine al risultato finale. Ho esplorato diverse alternative per la visualizzazione del riepilogo del prodotto e per i flussi di attivazione, affrontando anche la gestione di più linee vincolate attive attraverso una palette dedicata alla loro distinzione.

Ho definito nel dettaglio i flussi relativi alla prima attivazione, alle attivazioni successive e allo svincolo anticipato, approfondendo i casi limite e le micro-interazioni necessarie a gestire le diverse condizioni operative. Il confronto continuativo con il team Business, il cliente e il team di Sviluppo ha consentito di verificare le soluzioni progettuali rispetto ai requisiti funzionali e tecnici.

Il nuovo prodotto è stato integrato nella home dei prodotti come elemento nativo dell'ecosistema digitale, con il totale delle somme vincolate in evidenza per facilitarne la consultazione.

La piattaforma consente alle Pubbliche Amministrazioni di registrarsi, gestire il proprio profilo, consultare i bandi, presentare domande di finanziamento e monitorarne lo stato. L'intervento progettuale mirava a estenderne le funzionalità, preservando l'architettura informativa e le modalità di utilizzo già consolidate.

L'esigenza era introdurre una sezione dedicata alla compilazione di questionari obbligatori durante il ciclo di vita del finanziamento. La complessità progettuale riguardava la definizione di flussi articolati, caratterizzati da logiche condizionali, percorsi differenziati in base alle risposte e specifici requisiti normativi, da integrare nella struttura esistente senza comprometterne la coerenza.

Ho analizzato la piattaforma esistente e collaborato con gli stakeholder e i rappresentanti delle Pubbliche Amministrazioni per raccogliere e approfondire i requisiti funzionali e normativi. Ho tradotto le esigenze emerse nella progettazione della nuova sezione, definendo i flussi di compilazione, le diramazioni condizionali dei questionari e le modalità di integrazione con l'esperienza esistente.

Il sito esistente presentava un'identità visiva generica, informazioni distribuite in modo poco organico e testi articolati che rendevano meno immediata la consultazione. L'obiettivo era valorizzare le caratteristiche delle suite, la posizione e i servizi offerti, facilitando l'accesso alle informazioni utili nella scelta della struttura.

Ho rivisto l'architettura informativa del sito, riorganizzando le informazioni per renderle più accessibili e facilitare l'esplorazione. Le pagine dedicate alle suite mettono in evidenza elementi distintivi come capienza e vista, mentre i contenuti relativi al territorio sono organizzati per aree di interesse, tra cui mare e spiagge, arte e cultura, gastronomia e street food. I punti di accesso ai contatti e alla prenotazione sono stati resi più immediati.

Ho ottimizzato i testi esistenti, semplificandone la struttura e integrando le informazioni mancanti. L'intervento ha avuto l'obiettivo di rendere i contenuti più sintetici e consultabili, facilitando l'accesso alle informazioni necessarie per valutare la struttura prima della prenotazione.

Ho sviluppato un'identità visiva più caratterizzata, in linea con il nome Domus Fysi e con gli elementi distintivi della struttura. Materiali naturali come legno e marmo, la presenza della vegetazione e i riferimenti cromatici al mare di Palermo hanno guidato le scelte visive, contribuendo a definire un'esperienza digitale riconoscibile e coerente con il contesto.

Confronto tra il sito originale e la nuova versione, per evidenziare gli interventi sull'organizzazione dei contenuti, sulla navigazione e sull'identità visiva.

G.A. Service desiderava offrire ai clienti con un rapporto continuativo un canale di assistenza dedicato, in grado di facilitare la comprensione delle anomalie della caldaia e il contatto con un tecnico.

I codici di errore riportati sui dispositivi richiedono spesso la consultazione di manuali tecnici complessi. Questo può rendere difficile distinguere le situazioni risolvibili autonomamente da quelle che necessitano di un intervento professionale, generando richieste di assistenza non sempre necessarie.

L'obiettivo era realizzare una soluzione accessibile e immediata, capace di guidare l'utente nella comprensione del problema e semplificare la richiesta di intervento.

Ho progettato uno sticker con QR code da applicare direttamente sulla caldaia dei clienti aderenti al servizio. La scansione tramite smartphone consente di accedere immediatamente alla pagina di assistenza, senza dover cercare i riferimenti aziendali o installare applicazioni aggiuntive.

Ho strutturato il flusso di consultazione per consentire all'utente di individuare il modello della caldaia, selezionare il codice di errore e accedere a una spiegazione comprensibile del problema. Le indicazioni distinguono i casi in cui è possibile effettuare una verifica autonoma da quelli che richiedono il supporto di un tecnico, con un accesso ben visibile alla prenotazione dell'intervento.

Ho rivisto la brand identity di G.A. Service per definire un linguaggio visivo più coerente con l'identità aziendale e con le esigenze del nuovo servizio digitale. Le scelte di interfaccia sono state sviluppate in continuità con questa revisione, con l'obiettivo di garantire riconoscibilità, chiarezza delle informazioni e facilità di utilizzo, soprattutto su dispositivi mobili.

Ho organizzato i dati relativi ai modelli di caldaia e ai codici di errore in un Google Sheet, utilizzato come base per la gestione e l'aggiornamento dei contenuti. Per ogni codice è prevista un'indicazione, verificata manualmente, sulla possibilità di effettuare controlli in autonomia.

Il sito è stato sviluppato e pubblicato su Netlify utilizzando strumenti gratuiti, senza introdurre costi fissi di hosting per l'azienda e mantenendo semplice la gestione delle informazioni.

Visita il sito ↗