Tutti i lavoriContattiEN
Parliamone

Shoe Configurator

Categoria
UI Design
Ruoli
UX Architect, UX Researcher, UI Designer
Cliente
Calzature Marini
Online
Prova il configuratoreSito del prodotto

Scarpe su misura online, senza l'esperto accanto a te. Come si mantiene la fiducia?

Shoe Configurator
Tre finestre del browser con il configuratore di scarpe Calzature Marini: la schermata di scelta del modello grande a sinistra, scelta della suola e revisione finale sovrapposte a destra.

Panoramica

Comprare scarpe su misura online non ha niente a che vedere con comprarle già pronte. Le persone devono sentire che ogni scelta modella il prodotto finale, senza sentirsi perse. Questo progetto prende l'esperienza guidata in negozio e la trasforma in un configuratore digitale intuitivo, trasparente e premium, che rispetta l'artigianalità che c'è dietro.

Il problema

In un negozio su misura c'è un esperto che ti prende per mano. Online quella persona sparisce e resti solo con forme, materiali, finiture e personalizzazione. Tre cose tornavano di continuo: troppe opzioni stancano, gli utenti non vedono come le scelte cambiano la scarpa finale, e i configuratori complessi pensano più alla flessibilità tecnica che alla sensazione premium. La sfida non era aggiungere più personalizzazione. Era far sembrare semplice la complessità.

Video demo

Video dal sito del prodotto.

Quattro passi, dall'inizio alla fine

  1. Passo 1

    Scegli la forma

    Una scarpa alla volta, grande, con il prezzo sempre visibile.

  2. Passo 2

    Scegli la suola

    Materiali e finiture, ogni scelta si vede subito sulla scarpa.

  3. Passo 3

    Rendila tua

    Incisione, filo e carattere, con anteprima in tempo reale.

  4. Passo 4

    Controlla e ordina

    Ogni scelta e il totale prima di confermare.

Processo

Avvio

Contesto

Le calzature di lusso sono personali. Le persone pagano per artigianalità, materiali e individualità. In negozio, un esperto guida ogni scelta. Online, la sfida è mantenere quella fiducia senza perdere semplicità o sensazione premium.

Obiettivi

  • Un percorso guidato, mai opprimente
  • Meno carico cognitivo dividendo le decisioni in passaggi
  • Riscontro visivo immediato dopo ogni selezione
  • La percezione dell'artigianalità lungo tutto il percorso
  • Più sicurezza prima dell'acquisto grazie a scelte trasparenti
Due righe di riquadri: nella bottega sei collegato a un esperto e poi alla scarpa; online il riquadro dell'esperto è tratteggiato e sbiadito e la scarpa è in grigio.
Esperto presente, esperto assente

Ricerca

Ricerca

  • Analisi competitiva dei configuratori di calzature di lusso
  • Flussi di personalizzazione in moda, automotive e arredo
  • Valutazione euristica dei configuratori di scarpe esistenti
  • Letteratura su carico cognitivo, progressive disclosure e decisioni online

Risultati

  • Troppe opzioni insieme rallentano le decisioni e aumentano l'incertezza
  • Gli utenti si affidano a un riscontro visivo continuo
  • Piccole decisioni in sequenza risultano accessibili
  • Il premium nasce da chiarezza e sicurezza, non da tutte le opzioni insieme

Personas

Il primo acquirente vuole guida e riscontro visivo senza sentirsi in gabbia. Il cliente abituale vuole accesso rapido alle opzioni, pieno controllo e prezzi onesti.

Due personas, chi compra per la prima volta e vuole guida e il cliente abituale che vuole controllo, sopra una curva di fiducia crescente lungo Model, Upper, Sole, Personalize e Review.
Chi compra, e la fiducia

Design

Approccio

Ho progettato la personalizzazione perché sembrasse naturale. Passaggi progressivi e riscontro visivo costante permettono di concentrarsi su una decisione alla volta senza perdere di vista la scarpa finale.

Quattro wireframe a bassa fedeltà in sequenza discendente, collegati da frecce: Model, Upper, Sole e Summary.
Quattro wireframe, un flusso

Test

Metodi

  • Valutazione euristica lungo tutto il processo
  • Pattern di interazione confrontati con principi UX consolidati
  • Raffinamento iterativo con revisioni dei prototipi e confronto tra alternative

Insight

  • I passaggi progressivi hanno ridotto la complessità percepita
  • Gli aggiornamenti dal vivo del prodotto hanno aumentato la fiducia
  • Una schermata di riepilogo finale permette di validare le scelte prima dell'acquisto
Tre frammenti di interfaccia: una barra di avanzamento in cinque passi su Select sole, una scarpa prima e dopo il cambio suola e una scheda di revisione con link Edit, intitolati passi progressivi, anteprima live e revisione finale.
Cosa ha confermato la revisione

Sviluppo

Specifiche

  • Figma per wireframe, UI e prototipi interattivi
  • Un design system di componenti di personalizzazione riutilizzabili
  • Layout responsive per desktop e mobile
  • Specifiche pronte per gli sviluppatori e documentazione delle interazioni
Componenti d'interfaccia del configuratore: schede modello selezionata e non selezionata, chip delle zone, campioni di pelle, pulsante giallo e riga di revisione con Edit.
I componenti di base

Misura

Come capiremo che funziona

  • Gli utenti completano il percorso senza abbandonarlo
  • Ogni passaggio è chiaro e facile da capire
  • Gli utenti rivedono la loro configurazione con sicurezza
  • L'esperienza comunica l'artigianalità
Punti di misura previsti lungo il percorso in cinque passi fino all'ordine: dove le persone abbandonano, i ritorni indietro, l'uso di Edit e la percezione di cura artigianale. Nessun risultato mostrato.
Dove guarderemo

Galleria

Galleria
Due schermate a tutta larghezza del configuratore di scarpe: scelta del modello con elenco di silhouette ricercabile e revisione finale con specifiche e riepilogo dell'investimento.
Scelta del modello da una libreria di silhouette ricercabile. Revisione di ogni scelta e del totale prima dell'ordine.

Risultato

Il concept trasforma l'esperienza guidata in negozio in un percorso digitale semplice, trasparente e premium. Scelte passo dopo passo e riscontro visivo costante aiutano le persone a personalizzare scarpe artigianali con più sicurezza.

Cosa ho imparato

L'architettura dell'informazione dà forma a tutto. Dividi la personalizzazione in decisioni sensate e la complessità diventa gestibile senza togliere libertà. Ha anche confermato una cosa a cui torno di continuo: progettare intorno a come pensano gli utenti, non a come è costruito il prodotto.

Prossimo progettoZvanning

Hai un prodotto che ti rema contro?

© Giorgio PulvirentiSu