Case study YOUDROOP

YouDroop è il marketplace italiano del dropshipping B2B, incubato all'I3P del Politecnico di Torino. Quando il team (sei persone tra sviluppo e business, nessun designer) ci ha cercato, aveva già clienti reali e investor interessati. Mancava il livello che trasforma una tecnologia funzionante in un prodotto utilizzabile. Abbiamo progettato l'interfaccia che ha portato YouDroop sul mercato.

Da un'idea di piattaforma a un prodotto reale

YouDroop esisteva dal 2015 come società torinese incubata all’I3P del Politecnico di Torino, sull’intuizione di un mercato B2B specifico: il dropshipping italiano. Il modello connette fornitori con catalogo e capacità logistica a rivenditori online che vogliono vendere senza tenere magazzino. Meccanismo già consolidato all’estero ma con pochi player strutturati in Italia.

Quando il team ci ha contattato, era composto da quattro persone tra sviluppo e business. Nessun designer. Avevano costruito la prima versione tecnica della piattaforma, firmato contratti con i primi fornitori reali, e ricevuto interesse dagli investor per una campagna di equity crowdfunding. Quello che mancava era il livello che separa un sistema funzionante da un prodotto che le persone usano.

L’ingaggio era end-to-end su una finestra di sei mesi: architettura informativa, design dei flussi, UI, design system, sito istituzionale per il go-to-market. Coordinamento diretto con CTO e CEO, senza intermediari né processo strutturato. Cicli di review bisettimanali, delivery iterativa.

Vetrina del marketplace con ricerca e scoperta prodotti
La porta d'ingresso: ricerca e scoperta prodotti

Due utenti opposti, una sola interfaccia

Un marketplace B2B vive di una tensione strutturale: due tipologie di utenti opposte coesistono sulla stessa piattaforma con bisogni che spesso si contraddicono.

  • Il fornitore porta valore alla piattaforma attraverso il catalogo: carica i suoi SKU, gestisce varianti, configura prezzi, integra sistemi di pagamento, riceve ordini e gestisce spedizioni. È un utente power, paziente fino a un certo punto, che conosce l'e-commerce ma odia le interfacce inutilmente complicate.
  • Il rivenditore estrae valore dalla piattaforma attraverso la selezione: trova prodotti rilevanti, valuta margini, porta i prodotti sul proprio store esterno (Shopify, WooCommerce, Magento) con sincronizzazione automatica, gestisce ordini sulla propria piattaforma. È un utente di scoperta, impaziente, abituato a interfacce e-commerce pulite.

Entrambi condividono un’esigenza unica: che lo strumento funzioni senza chiedere di pensarci. Ogni minuto perso a capire come fare qualcosa è un minuto sottratto al loro business.

Rendere invisibile la complessità tecnica

Rendere invisibile la complessità tecnica, e visibile solo il beneficio per l'utente.

Questo principio ha guidato ogni scelta progettuale. La complessità c’era: integrazioni con sistemi esterni, gestione asincrona di ordini su due lati, notifiche cross-actor. Ma non doveva mai diventare un problema dell’utente.

  • Architettura senza nested deep Niente menù a tendina annidati, niente percorsi che richiedono memoria di dove ti trovi. L'intenzione era ridurre il numero di click necessari per ogni azione critica.
  • Componenti riconoscibili invece che originali Pattern dropdown standard, pattern table standard, pattern card standard. La creatività spostata sulla qualità della relazione tra i pezzi, non sull'invenzione di nuovi elementi.
  • Coerenza tra dashboard, marketplace e sito Stesso linguaggio visivo, stessa logica di interazione. Chi arrivava dal sito vetrina trovava dentro la piattaforma le stesse forme, gli stessi colori, lo stesso peso tipografico.
  • Errore come dato, non come ostacolo Quando qualcosa andava storto (pagamento fallito, sync interrotto, prodotto rimosso dal fornitore), il sistema lo comunicava con linguaggio operativo, non con allarmi generici.
Scheda prodotto dettagliata con varianti e prezzi
Scheda prodotto: dove avviene la decisione di selezione

Architettura informativa

La piattaforma aveva quattro entità principali: utenti, prodotti, ordini, notifiche. Più una quinta trasversale: i settings (account, pagamenti, integrazioni). Su questa struttura erano stati costruiti i percorsi differenziati tra fornitore e rivenditore.

Il risultato è una struttura di navigazione laterale persistente, con top bar leggera per ricerca, notifiche e account. Niente menù a tendina secondari. Gerarchia visibile sempre.

Onboarding wizard: due percorsi distinti, stesso pattern

L’onboarding è il momento in cui un utente decide se continuerà a usare un prodotto o lo abbandonerà. Su un marketplace B2B con due tipologie di utenti opposti, due wizard distinti erano inevitabili. Ma costruirli con due pattern diversi sarebbe stato costoso e incoerente.

Abbiamo unificato il pattern e differenziato i contenuti. Il wizard fornitore si occupava di registrazione, verifica P.IVA, caricamento catalogo, configurazione spedizioni, collegamento dei sistemi di pagamento. Il wizard rivenditore si occupava di registrazione, verifica P.IVA, selezione settori di interesse, collegamento store esterno.

Stesso layout, stessa progress bar, stessa logica di salvataggio incrementale. L’utente poteva uscire e tornare senza perdere stato. Stesso tono linguistico. Differenti i contenuti, le validazioni, gli stati di errore.

Ricostruzione illustrativa del wizard rivenditore (selezione piattaforma e configurazione negozio), 2017.

Sistema notifiche e ordini: stato visibile, modali invisibili

Un ordine su YouDroop attraversa quattro stati attivi (richiesto, accettato, spedito, consegnato) e coinvolge tre attori (rivenditore, piattaforma, fornitore). Ogni cambio di stato genera potenzialmente azioni richieste su uno dei tre.

Il rischio era costruire un sistema di notifiche aggressivo (pop-up, modal, badge ovunque) che avrebbe ottenuto attenzione a costo di rumore. La scelta è stata opposta: notifiche centralizzate, stato visibile sempre nelle pagine pertinenti, modali utilizzate solo per azioni che richiedono conferma esplicita prima di un’operazione irreversibile.

In pratica: lista ordini con stato come colonna, dashboard con counter degli ordini che richiedono azione, notifiche email per cambio stato significativo, niente alert sonori, niente badge rosso permanente.

Ricostruzione illustrativa della dashboard fornitore, 2017.

Il sito istituzionale: la promessa visibile

Il sito vetrina è il primo contatto. Per un marketplace B2B, è il momento in cui un potenziale fornitore o rivenditore decide se vale la pena registrarsi. Doveva mantenere due promesse contraddittorie: comunicare professionalità e solidità (per i fornitori, che affidano il proprio catalogo) e leggibilità e velocità (per i rivenditori, che decidono in pochi secondi).

Il design ha rispettato la coerenza con la piattaforma: stessa palette, stesse forme, stessa tipografia. Chi arrivava dal sito alla piattaforma non aveva la sensazione di entrare in un prodotto diverso.

Il go-to-market con un prodotto reale

Con piattaforma e sito attivi, YouDroop è entrata sul mercato seriamente. Ha raccolto capitale tramite Club Italia Investimenti e successive campagne di equity crowdfunding. EU-Startups l’ha inclusa nelle dieci startup italiane più interessanti del 2017. Il progetto è stato presentato a SMAU e raccontato dalla stampa di settore.

Il design non è stato l’unico fattore. C’erano la qualità tecnica della piattaforma, l’intuizione di mercato, l’esecuzione commerciale del team. Ma è stato il livello che ha permesso a tutto il resto di emergere. Una piattaforma B2B senza una UX coerente non si vende, non importa quanto sia robusta sotto il cofano.

Numeri

Top 10

Italian Startups to Watch

EU-Startups, 2017

I3P

Incubazione

Politecnico di Torino

6 mesi

Delivery design

End-to-end, iterativa

Perché è rilevante per i gestionali aziendali

La stessa densità di un gestionale interno: workflow multi-ruolo, dashboard distinte per fornitori e rivenditori, ordini multi-stato, architettura informativa, onboarding operativo e un design system scalabile. Se hai un gestionale, un ERP o un software interno caotico da rendere usabile, è lo stesso mestiere.

Redesign di gestionali e SaaS B2B →Blueprint Gestionale →

youdroop.com
Homepage del sito vetrina di YouDroop

Hai un progetto simile?

Parliamo del prossimo lavoro.

Studio di Performance & Interaction Design. Ogni cliente seguito personalmente, dal brief alla consegna.