Il negozio era bellissimo. Su un telefono, no.

Fabrico vende cartamodelli scaricabili. Il catalogo è buono. Il marchio è buono. Il sito funziona. Quello che non funzionava era comprare un cartamodello da telefono.

Siamo partiti da lì.

Le clienti dei cartamodelli navigano dal telefono. Scoprono un modello, guardano le foto, controllano le taglie disponibili e decidono se comprare. La decisione si prende in fretta, su uno schermo piccolo, di solito tra una cosa e l’altra. Se l’esperienza è lenta, confusa o semplicemente poco piacevole, la vendita non avviene. Il cartamodello non viene acquistato. La cliente va altrove, o da nessuna parte.

L’app esistente funzionava. Sembrava un sito schiacciato in uno spazio più piccolo. È una cosa diversa da un’app fatta per il telefono fin dall’inizio.

Abbiamo ricostruito l’app da zero su React Native ed Expo, con un design system creato apposta per il modo in cui le clienti di Fabrico usano davvero il telefono.

La schermata iniziale non si apre su una griglia di prodotti. Si apre su una storia: un’immagine grande, una selezione curata dei più venduti, le collezioni in evidenza. Chi arriva per la prima volta vede un marchio, non un catalogo buttato lì. Chi torna vede le novità.

I cartamodelli Fabrico si vendono per taglia e altezza. Una taglia 40 per un’altezza è un taglio diverso da una taglia 40 per un’altra. Nell’app originale, scegliere la combinazione giusta richiedeva di orientarsi in una tabella di opzioni che richiedeva diversi passaggi per essere compresa. Abbiamo ricostruito la pagina prodotto attorno a un selettore dal vivo: scegliete la taglia, scegliete l’altezza, il prezzo si aggiorna subito. Una schermata, una decisione, nessuna tabella.

Abbiamo costruito un quiz di dieci domande. Chiede alla cliente che tipo di cucito fa, a che livello è, quali capi le piace realizzare. Le risposte portano a uno di sei profili di cliente, e il risultato è una selezione personalizzata di cartamodelli consigliati più uno sconto del 20% salvato direttamente nell’account. Chi fa il quiz non si limita a navigare; riceve un punto di partenza che sembra scelto per lei.

Il Learning Hub, che contiene il blog di Fabrico, è integrato nativamente nell’app. Contenuti editoriali e negozio sono nello stesso posto. Una cliente che legge come scegliere un tessuto può comprare un cartamodello per il tessuto di cui ha appena letto, senza cambiare applicazione.

La sezione profilo contiene lo storico degli ordini, una libreria dei download, le tabelle delle taglie e le guide pratiche. Tutto ciò che serve a una cliente che torna è in un solo posto, dietro un solo login.

Il checkout è stata la parte più difficile da costruire. Il pagamento con Stripe passa da una pagina ospitata che non può essere incorporata in un’app nativa. Abbiamo costruito una sessione che gestisce il pagamento nel browser, segue l’ordine finché non si conclude e riporta la cliente nell’app con l’acquisto confermato e il download pronto. Dal punto di vista della cliente: ha pagato e il file è comparso. L’implementazione che produce questa esperienza è molto più complicata di quanto sembri.

L’app funziona su iOS, Android e web da un’unica base di codice. Tre settimane dall’inizio alla consegna.

3 piattaforme da un’unica base di codice. 18 schermate e route. Circa 4,800 righe di TypeScript. 3 settimane per la ricostruzione completa, il nuovo design e la consegna.

Una cliente che scarica l’app, fa il quiz, riceve un consiglio e completa un acquisto ha vissuto un’esperienza personale dalla prima all’ultima schermata. Non è un programma fedeltà. Non è uno sconto. È un negozio che sembra fatto per lei, ed è proprio questo il senso del cucito.

Il quiz è la parte più difficile da copiare. I consigli non sono algoritmici nel senso abituale. Nascono dal conoscere il livello e le preferenze della cliente abbastanza bene da poter dire: parti da qui. Questo richiede di conoscere il catalogo e di conoscere la cliente. Abbiamo messo entrambe le cose nella stessa schermata.