Tutti i lavoriContattiEN

Retail Layout Quotation Tool

Categoria
Architettura UX
Ruoli
UX Designer, UI Designer, Product Strategist
Cliente
Progetto B2B riservato con una software house, anonimizzato

Preventivare il layout di un negozio voleva dire carta, cataloghi e fogli di calcolo, con il cliente in attesa

Retail Layout Quotation Tool
Composizione dell'app Layout Tabaccherie: un tablet con il preventivo accanto alla planimetria e tre smartphone con schermata di benvenuto, home e modifica della planimetria, più il catalogo arredi.

Panoramica

Ho lavorato con una software house su un'app B2B riservata, occupandomi di UX, interazione e UI. Ho definito flussi, logica dell'interfaccia e gerarchia visiva di un'app che permette agli agenti dei negozi retail di configurare layout standard, posizionare gli arredi su una pianta e ottenere un preventivo in tempo reale, mentre stanno ancora parlando con il cliente.

Il problema

Come si fa un preventivo per un negozio mentre il titolare ti guarda sfogliare layout su carta, cataloghi statici e fogli di calcolo? Con lentezza, e con errori. Il processo era difficile da spiegare di persona e facile da sbagliare. Gli agenti avevano bisogno di un'unica app per configurare i layout, evitare errori e restare chiari durante una conversazione dal vivo.

Processo

Avvio

Contesto

È partito osservando come lavorano gli agenti retail sul campo, in negozi piccoli e medi. Le consulenze avvengono sotto pressione di tempo, con poca tolleranza per gli errori e nessuno spazio per destreggiarsi tra strumenti.

Obiettivi

Rendere i preventivi più semplici e veloci, ridurre gli errori di layout e di prezzo, migliorare la conversazione con i clienti e sostenere un flusso di lavoro strutturato ma flessibile

Disegno assonometrico di una piccola tabaccheria con banco, retrobanco, espositore lotterie e distributore automatico indicati, e la stanza misurata 7,00 per 5,20 metri.
Il negozio visto dagli agenti

Ricerca

Ricerca

Ho condotto interviste contestuali con gli agenti retail su flussi quotidiani, decisioni e problemi, poi ho analizzato il processo di preventivazione esistente e passato in rassegna configuratori B2B simili

Risultati

  • Gli agenti pensano in modo visivo e spaziale, non per codici prodotto o elenchi
  • Si affidano all'esperienza per evitare configurazioni incompatibili
  • Velocità e chiarezza contano più della personalizzazione avanzata
  • Le frizioni in una consulenza danneggiano la fiducia e la professionalità percepita

Journey

Un agente di vendita con più consulenze al giorno: costruire in fretta un layout valido, adattare le opzioni con il cliente, mostrare un preventivo chiaro senza spezzare la conversazione

Due persona, Elena Rossi agente di vendita e Marco Ferri tabaccaio, sopra la linea del percorso di una consulenza con due punti bassi, ridisegno a mano e totali riscritti.
Due persone, una consulenza

Design

Approccio

  • Un'esperienza pensata per l'app, con interazioni brevi e basso carico cognitivo
  • Configurazione visuale del layout con riscontro immediato su compatibilità e prezzo
  • Prevenzione degli errori, gerarchia chiara e feedback rapido del sistema
Tre wireframe in bianco e nero collegati da frecce: home, modifica della planimetria e arredi.
Wireframe del flusso principale

Test

Metodi

Revisioni interne e sessioni basate su task con agenti retail su prototipi interattivi, concentrate su accuratezza del layout, tempo di preventivo e chiarezza del risultato

Insight

  • Gli utenti si aspettavano che il sistema impedisse le configurazioni non valide, non che le segnalasse dopo
  • Il riscontro visivo ha battuto le spiegazioni piene di testo
  • Un unico riepilogo chiaro del preventivo era essenziale per spiegare le scelte ai clienti
Tre dettagli affiancati: una planimetria in cui un elemento che non entra è segnato come occupato, una planimetria con feedback di colore e aggancio, e un unico riepilogo del preventivo con i totali.
Cosa è cambiato dopo i test

Sviluppo

Specifiche

Figma per componenti riutilizzabili, stati di interazione e vincoli di layout documentati. Ho condiviso le specifiche con gli sviluppatori per allinearci su logica dei prezzi, casi limite e comportamento dell'interfaccia.

Due grandi schermate dell'app finale, il passo di disegno con muri misurati e l'editor della planimetria con stanze evidenziate.
Le schermate finali in dettaglio

Misura

Metriche

Preventivi più rapidi, meno errori di configurazione, più sicurezza con i clienti. Gli agenti ci hanno detto che le consulenze erano più fluide e la comunicazione più chiara.

Tre misure previste, ciascuna con una freccia che indica la direzione attesa: tempo di preventivazione più breve, errori di configurazione minori, fiducia dei clienti maggiore.
Dove ci aspettiamo di arrivare

Galleria

Galleria
Due schermate dell'app a larghezza piena: l'editor della planimetria con stanze evidenziate e misurate, e il preventivo con la planimetria arredata accanto alle voci e al totale.
La planimetria del cliente, con stanze evidenziate e misurate sui muri. Il preventivo nasce dalla planimetria arredata e si condivide come PDF.

Risultato

Oggi gli agenti preparano preventivi più in fretta, con meno errori, e arrivano dal cliente con più sicurezza. Meno carta, meno tentativi.

Cosa ho imparato

Lavorare con una software house ha reso la comunicazione chiara con gli sviluppatori importante quanto il design stesso. Ho imparato a bilanciare la UX ideale con i limiti tecnici e di business, e a scegliere chiarezza e affidabilità invece di accumulare funzioni.

Prossimo progettoShoe Configurator

Hai un prodotto che ti rema contro?

© Giorgio PulvirentiSu