Remote Computing Portal per team di geotecnica
Strumento interno per un'impresa edile, progettato per consentire ai team di geotecnica di richiedere e gestire l'accesso a computer remoti ad alte prestazioni. UX/UI completa con identità visiva e design system costruiti da zero.
Un portale interno self-service per l'accesso a risorse di calcolo ad alte prestazioni
I team di geotecnica 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 per il supporto IT ad ogni transazione. Il portale centralizza le richieste di macchine, la gestione delle macchine attive, lo stato del servizio e una sezione di apprendimento in un'unica applicazione web interna.
Il progetto richiedeva di progettare l'intera UX/UI del prodotto da zero, oltre a creare un'identità visiva e un design system. Il team non disponeva di brand né di libreria di componenti preesistente.
Homepage, tre punti di accesso che guidano gli utenti alla sezione giusta in base alla loro esigenza immediata. Lo stato del servizio è persistente nella nav, così i team sanno sempre la disponibilità del sistema senza dover navigare altrove. Chatbot FAQ integrato direttamente nella homepage.
Unica product designer responsabile del design completo del portale, dall'architettura informativa all'identità visiva. Il discovery si è basato su interviste con gli utenti e immersione nel contesto geotecnico, lavorando a stretto contatto con il team per capire come accedevano e gestivano le macchine quotidianamente.
- Progettare la UX/UI completa del portale: homepage, Chi siamo, Apprendimento, Risorse, FAQ, Stato del servizio e il flusso di richiesta macchine
- Creare l'identità visiva, il sistema di colori, la tipografia e l'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.
- Progettare il flusso di checkout macchine step-by-step con filtri per sede, stati di conferma e feedback di successo/errore
- Progettare il dashboard di stato del servizio con metriche di uptime in tempo reale, interruzioni pianificate e un log degli incidenti con codice di severità
- Progettare le azioni di gestione macchine (check in, riavvio, estensione, riassegnazione) con pattern di conferma appropriati per azioni irreversibili
- Integrare un chatbot FAQ conversazionale per ridurre il carico del supporto, successivamente adottato come modello da altri progetti della stessa organizzazione
Le linee di contorno della cartografia topografica sono state usate come texture e motivo visivo principale, collegando l'interfaccia al contesto geotecnico delle persone che la utilizzano.
La palette è stata costruita all'intersezione dei due ambiti: blu scuri e cian che comunicano competenza tecnica senza perdere il calore di uno strumento progettato per una community specifica.
I vincoli aziendali hanno limitato l'identità a un acronimo senza logo personalizzato. Il design system ha compensato con tipografia, iconografia e linguaggio grafico topografico coerenti per creare un'identità di prodotto riconoscibile.
Pagina Chi siamo, confronto affiancato tra macchine dedicate e on-demand con casi d'uso e azioni di richiesta inline, per consentire agli utenti di scegliere il servizio giusto senza contattare il supporto.
Flusso di checkout macchine, un processo in due step con filtri di sede a cascata e una scheda di conferma prima di procedere. Il design originale includeva un lungo menu a tendina numerico per la durata della richiesta che non rispecchiava 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 di correzione per le selezioni non valide.
Stati di successo ed errore con esiti chiari e prossimi passi concreti, per evitare vicoli ciechi in un flusso dove la disponibilità dipende da un inventario condiviso.
Dashboard di stato del servizio: stato attuale, metriche di uptime su tre finestre temporali, interruzioni pianificate e log degli incidenti con codice di severità (Minima, Media, Alta) e durata. Progettato per consentire ai team di 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 su cui basarsi, l'identità è stata costruita dal contesto delle persone che lo usano. Le linee di contorno della cartografia topografica sono diventate il linguaggio grafico, dando al portale una connessione visiva con il lavoro geotecnico pur mantenendo l'aspetto di uno strumento IT. Il risultato è un'identità che appartiene a questo team specifico, non a un generico portale enterprise.
La pagina Chi siamo 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 su un'altra pagina né 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 il numero di giorni da richiedere per una macchina. Dopo aver identificato che il sistema supportava solo 2 o 3 giorni, il menu è stato sostituito con un semplice toggle tra quelle due opzioni. Questo ha eliminato una categoria di errori in cui gli utenti selezionavano durate non supportate e ricevevano poi un'email di correzione dopo l'invio.
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 ai team visibilità immediata senza richiedere un passo di navigazione aggiuntivo. Il 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 rispondere alle domande frequenti senza indirizzare gli utenti al supporto IT. Il pattern ha funzionato così bene da essere adottato successivamente 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 (richiesta, gestione, monitoraggio e apprendimento) in un'unica esperienza web coerente. Progettare l'identità visiva insieme alla UX ha significato prendere ogni decisione nel contesto giusto, producendo un prodotto che appare coerente e progettato come un insieme. Consegnato con ottima accoglienza da parte del PM e del team di geotecnica, con il pattern del chatbot FAQ adottato come modello da altri progetti dell'organizzazione.