Totem Self-Service per Gelateria sviluppata in Flutter

Avvio

L’obiettivo del progetto era simulare un sistema semplice e intuitivo che permettesse al cliente di effettuare il proprio ordine direttamente da un totem touchscreen, riducendo i tempi di attesa alla cassa e rendendo più immediata la scelta dei prodotti.

Un’interfaccia pensata per il touchscreen

L’interfaccia è stata progettata pensando all’utilizzo su uno schermo verticale di grandi dimensioni.

Nella parte superiore dello schermo viene mantenuto sempre visibile un riepilogo dell’ordine corrente, con numero di prodotti selezionati e totale, insieme al pulsante per procedere verso la cassa.

Personalizzazione dei prodotti

Uno degli aspetti interessanti di un sistema di questo tipo è la possibilità di andare oltre il semplice catalogo.

L’architettura è infatti pensata per poter gestire anche la personalizzazione dei prodotti, permettendo al cliente di configurare ciò che sta ordinando prima di aggiungerlo al carrello.

Questo tipo di approccio può essere utilizzato non soltanto per una gelateria, ma anche per ristoranti, fast food, bar, pasticcerie e più in generale per tutte quelle attività nelle quali il cliente deve scegliere o configurare un prodotto.

Upselling automatico dei prodotti

Un’altra funzionalità prevista è la gestione dell’upselling, con suggerimenti proposti automaticamente dal totem durante le varie fasi dell’ordine.

In base ai prodotti già selezionati, il sistema può mostrare prodotti aggiuntivi, alternative o proposte di maggiore valore, invitando il cliente a completare o arricchire il proprio ordine.

Ad esempio, dopo la scelta di un gelato il totem può proporre l’aggiunta di una bevanda, un topping, un prodotto complementare oppure suggerire il passaggio a una dimensione superiore.

Le proposte vengono generate automaticamente in base a regole configurabili, consentendo all’attività di definire quali prodotti suggerire nelle diverse situazioni.

In questo modo il totem non svolge soltanto la funzione di raccolta dell’ordine, ma diventa anche uno strumento per aumentare il valore medio dello scontrino, proponendo al cliente prodotti pertinenti senza rallentare il processo di acquisto.

Flutter anche per applicazioni kiosk

Per la realizzazione ho utilizzato Flutter, tecnologia che utilizzo abitualmente per lo sviluppo di applicazioni mobile e web.

In questo caso Flutter si presta particolarmente bene anche alla realizzazione di un’interfaccia kiosk/totem, grazie alla possibilità di creare UI completamente personalizzate e adattabili alle dimensioni dello schermo.

La stessa base progettuale può inoltre essere estesa integrando funzionalità come gestione del catalogo, disponibilità dei prodotti, promozioni, pagamento elettronico, stampa dello scontrino o comunicazione con un gestionale esterno.

Accessibilità

E’ stata prevista anche una modalità dedicata all’accessibilità.

Su un totem di grandi dimensioni alcuni elementi dell’interfaccia possono infatti risultare difficili da raggiungere per persone con mobilità ridotta. Una modalità specifica può quindi riorganizzare l’interfaccia portando le principali funzioni nella parte più facilmente raggiungibile dello schermo.

È un aspetto che considero importante quando si progetta un’interfaccia destinata a essere utilizzata dal pubblico.

Una struttura pensata per un prodotto reale

l progetto nasce come demo di un sistema completo pronto per l’installazione in un punto vendita.

L’obiettivo e’ quello di studiare e realizzare concretamente l’esperienza utente di un totem self-service: navigazione tra categorie, scelta dei prodotti, personalizzazione, gestione dell’ordine e accessibilità.

È anche un buon esempio di come Flutter possa essere utilizzato non soltanto per le classiche app per smartphone, ma anche per realizzare software destinato a touchscreen, chioschi interattivi e totem self-service.