Portale di calcolo remoto per team geotecnici
Uno strumento interno per un'impresa edile, progettato per aiutare i team geotecnici a richiedere e gestire l'accesso a computer remoti ad alte prestazioni. UX/UI completo più identità visiva e design system costruiti da zero.
Uno strumento interno self-service per l'accesso al calcolo ad alte prestazioni
I team geotecnici di un'impresa edile avevano bisogno di un modo affidabile per richiedere e gestire l'accesso a computer remoti ad alte prestazioni, senza dover passare dal supporto IT per ogni transazione. Il portale centralizza le richieste di macchine, la gestione attiva, lo stato del servizio e una sezione di apprendimento in un'unica web app interna.
Il progetto ha richiesto la progettazione completa dell'UX/UI del prodotto da zero, insieme alla creazione di un'identità visiva e di un design system. Il team non aveva brand o libreria di componenti preesistente da cui partire.
Homepage, tre punti di accesso che guidano gli utenti alla sezione giusta in base alla loro esigenza immediata. Stato del servizio persistente nella nav affinché i team conoscano sempre la disponibilità del sistema senza dover navigare altrove. Chatbot FAQ integrato direttamente nella homepage.
Product Designer unica, responsabile del design end-to-end del portale, dall'architettura informativa all'identità visiva. La discovery si è basata su interviste agli utenti e immersione nel contesto geotecnico, lavorando a stretto contatto con il team per capire come accedevano e gestivano le macchine quotidianamente.
- Progettazione completa dell'UX/UI del portale: homepage, About, Learning, Resources, FAQ, Service Status e il flusso di richiesta macchine
- Creazione dell'identità visiva, sistema di colori, tipografia e iconografia, costruiti come un piccolo design system per garantire coerenza in tutte le sezioni. L'identità era limitata a un acronimo dal sistema aziendale, senza logo personalizzato consentito.
- Progettazione del flusso di checkout macchine a step con filtri di localizzazione a cascata, stati di conferma e feedback di successo/errore
- Progettazione della dashboard di stato del servizio con metriche di uptime in tempo reale, interruzioni pianificate e registro degli incidenti con livelli di severità
- Progettazione delle azioni di gestione macchine (check in, riavvio, estensione, riassegnazione) con pattern di conferma appropriati per azioni irreversibili
- Integrazione di un chatbot conversazionale FAQ per ridurre il carico di supporto, successivamente adottato come modello da altri progetti della stessa organizzazione
Le curve di livello della cartografia topografica sono state utilizzate come texture e motivo visivo principale, collegando l'interfaccia al contesto geotecnico delle persone che la usano.
La palette colori è stata costruita all'intersezione di entrambi i campi: blu scuri e cyan che risultano tecnici senza perdere il calore di uno strumento progettato per una comunità specifica.
I vincoli aziendali hanno limitato l'identità a un acronimo senza logo personalizzato. Il design system ha compensato con tipografia coerente, iconografia e il linguaggio grafico topografico per creare un'identità di prodotto coerente.
Pagina About, confronto fianco a fianco di macchine dedicate e on-demand con casi d'uso e azioni di richiesta dirette, permettendo agli utenti di selezionare autonomamente il servizio corretto senza contattare il supporto.
Flusso di richiesta macchine in due step con filtri di localizzazione a cascata e una card di conferma prima di procedere. Il design originale includeva un lungo menu a tendina numerico per la durata della richiesta che non rifletteva i vincoli reali del sistema. Dopo aver identificato che il sistema supportava solo 2 o 3 giorni, il menu è stato sostituito con una semplice scelta binaria, eliminando la necessità di un'email correttiva dopo l'invio.
Stati di successo e errore con esiti chiari e passi successivi azionabili, evitando vicoli ciechi in un flusso dove la disponibilità dipende da un inventario condiviso.
Dashboard stato del servizio: stato attuale, metriche di uptime su tre finestre temporali, interruzioni pianificate e registro degli incidenti conclusi con livelli di severità (Minimo, Medio, Alto) e durata. Progettata affinché i team possano valutare la disponibilità del sistema a colpo d'occhio senza contattare il supporto.
Le scelte che hanno dato forma al prodotto
Senza un brand preesistente come riferimento, l'identità è stata costruita dal contesto delle persone che la usano. Le curve di livello della cartografia topografica sono diventate il linguaggio grafico, dando al portale una connessione visiva con il lavoro geotecnico pur mantenendosi come strumento IT. Il risultato è un'identità che appartiene a questo team specifico piuttosto che a un generico portale enterprise.
La pagina About presenta un confronto diretto tra macchine dedicate e on-demand con casi d'uso e azioni di richiesta inline. Gli utenti possono capire la differenza e agire immediatamente senza navigare verso una pagina separata o contattare il supporto, riducendo l'attrito per un pubblico tecnico che preferisce prendere le proprie decisioni.
Il design originale includeva un lungo menu a tendina numerico per selezionare quanti giorni richiedere una macchina. Dopo aver identificato che il sistema supportava solo 2 o 3 giorni, il menu è stato sostituito con un semplice toggle tra queste due opzioni. Questo ha eliminato una classe di errori in cui gli utenti selezionavano durate non supportate e ricevevano poi un'email correttiva.
La disponibilità del sistema è la prima cosa che un utente deve sapere prima di richiedere una macchina. Un indicatore di stato persistente nella nav offre visibilità immediata senza richiedere un passaggio di navigazione aggiuntivo. La dashboard di stato copre lo stato attuale, la cronologia dell'uptime, le interruzioni pianificate e gli incidenti conclusi con livelli di severità.
Un chatbot conversazionale è stato integrato nella homepage per gestire le domande frequenti senza instradare gli utenti al supporto IT. Il pattern ha funzionato così bene da essere successivamente adottato come modello da altri progetti della stessa organizzazione.
Un prodotto completo, dal brand all'interazione.
Il portale ha coperto l'intero ciclo di accesso alle macchine (richiedere, gestire, monitorare e apprendere) in un'unica esperienza web coerente. Progettare l'identità visiva insieme all'UX ha significato che ogni decisione è stata presa in contesto, producendo un prodotto che appare intenzionale piuttosto che assemblato. Consegnato con un'ottima accoglienza da parte del PM e del team geotecnico, con il pattern del chatbot FAQ adottato come modello da altri progetti dell'organizzazione.