03
SECO aveva la necessità di creare un configuratore online per supportare la scelta di prodotti hardware modulari. L’obiettivo era guidare l’utente nella composizione di una configurazione partendo da parametri tecnici come vendor, processore, memoria, storage, sistema operativo e mounting type.
Il rischio era trasformare un catalogo tecnico complesso in un’esperienza lenta, dispersiva o comprensibile solo da utenti esperti. Il configuratore doveva guidare la selezione passo dopo passo, prevenire scelte incoerenti, mantenere leggibile la configurazione finale e valorizzare alternative standard già disponibili.
Detenendo la ownership completa del progetto, ho gestito UX, UI, logiche di configurazione e prototipo frontend. Ho definito il flusso step by step, la gerarchia delle scelte, la pagina di riepilogo e le card prodotto. I mockup sono stati poi trasformati in un prototipo funzionante tramite AI-assisted development, usando Codex come supporto operativo allo sviluppo frontend.
Il risultato è un configuratore interattivo che rende più accessibile la selezione di hardware modulare. L’utente può costruire una configurazione, visualizzare una sintesi tecnica, confrontare prodotti simili e arrivare più facilmente alla richiesta commerciale, riducendo la dispersione tipica di un catalogo molto ampio.
Il configuratore è stato progettato per essere ospitato all’interno del sito ufficiale SECO, mantenendo continuità visiva, tono e comportamento con l’esperienza digitale già esistente.
Layout, componenti, stati, tipografia e interazioni sono stati definiti seguendo le linee guida del design system del sito, progettato dal team per garantire consistenza tra pagine corporate, aree prodotto e strumenti digitali.
La progettazione ha favorito il riuso di pattern e componenti già presenti nell’ecosistema SECO, semplificando il passaggio dai mockup allo sviluppo e mantenendo il configuratore scalabile, coerente e facilmente integrabile nel sito.
Il processo è partito dai mockup ad alta fedeltà, usati come riferimento per definire layout, gerarchie, stati, componenti e comportamento del configuratore.
Il configuratore è stato sviluppato tramite AI Prompting con il supporto di Codex, trasformando le decisioni progettuali in un prototipo funzionante con flussi step by step, logiche di selezione, riepilogo tecnico e suggerimento dei prodotti simili.
Design e sviluppo sono stati portati avanti in modo integrato e continuo, permettendo di validare rapidamente interazioni, vincoli di configurazione e comportamento dell’interfaccia, mantenendo continuità tra esperienza progettata e prodotto implementato.
Configuratore web progettato per guidare l’utente nella composizione di un prodotto hardware modulare, partendo dalla selezione di componenti chiave. Realizzato dalla definizione dell’esperienza alla realizzazione dell’interfaccia, fino allo sviluppo AI frontend con il supporto di Codex.
Un configuratore interattivo che semplifica la selezione hardware, genera una sintesi tecnica e suggerisce prodotti simili, facilitando il passaggio alla richiesta di contatto.
Il progetto ha trasformato un processo tecnico di selezione hardware in un’esperienza guidata, chiara e orientata alla conversione.
Il lavoro ha unito progettazione dell’esperienza, definizione delle logiche funzionali e sviluppo frontend, portando il configuratore da mockup ad applicazione interattiva.
Detenendo l’ownership dell’intero progetto, ho potuto trasformare un processo tecnico di selezione hardware in un flusso digitale guidato, curando UX, logiche funzionali, UI e prototipo frontend testabile prima dello sviluppo definitivo.