{"id":613,"date":"2026-08-31T17:02:37","date_gmt":"2026-08-31T15:02:37","guid":{"rendered":"https:\/\/www.luigitarpani.it\/?p=613"},"modified":"2026-08-31T21:16:49","modified_gmt":"2026-08-31T19:16:49","slug":"totem-self-service-per-gelateria-sviluppata-in-flutter","status":"publish","type":"post","link":"https:\/\/www.luigitarpani.it\/index.php\/2026\/08\/31\/totem-self-service-per-gelateria-sviluppata-in-flutter\/","title":{"rendered":"Totem Self-Service per Gelateria sviluppata in Flutter"},"content":{"rendered":"\n

Avvio<\/em><\/h2>\n\n\n\n

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\u00f9 immediata la scelta dei prodotti.<\/p>\n\n\n\n

Un’interfaccia pensata per il touchscreen<\/em><\/h2>\n\n\n\n

L’interfaccia \u00e8 stata progettata pensando all’utilizzo su uno schermo verticale di grandi dimensioni.<\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n

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

Il cliente pu\u00f2 navigare tra le diverse categorie disponibili, ad esempio Gourmet, Classici e Lactose Free<\/strong>, visualizzare i prodotti e aggiungerli al proprio ordine.

Ogni prodotto presenta le informazioni principali, il prezzo e un pulsante ben visibile per l’aggiunta al carrello.<\/p>\n<\/div>\n\n\n\n

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

Personalizzazione dei prodotti<\/em><\/h2>\n\n\n\n

Uno degli aspetti interessanti di un sistema di questo tipo \u00e8 la possibilit\u00e0 di andare oltre il semplice catalogo.<\/p>\n\n\n\n

L’architettura \u00e8 infatti pensata per poter gestire anche la personalizzazione dei prodotti<\/strong>, permettendo al cliente di configurare ci\u00f2 che sta ordinando prima di aggiungerlo al carrello.<\/p>\n\n\n\n

Questo tipo di approccio pu\u00f2 essere utilizzato non soltanto per una gelateria, ma anche per ristoranti, fast food, bar, pasticcerie e pi\u00f9 in generale per tutte quelle attivit\u00e0 nelle quali il cliente deve scegliere o configurare un prodotto.<\/p>\n\n\n\n

Upselling automatico dei prodotti<\/em><\/h2>\n\n\n\n

Un’altra funzionalit\u00e0 prevista \u00e8 la gestione dell’upselling<\/strong>, con suggerimenti proposti automaticamente dal totem durante le varie fasi dell’ordine.<\/p>\n\n\n\n

In base ai prodotti gi\u00e0 selezionati, il sistema pu\u00f2 mostrare prodotti aggiuntivi, alternative o proposte di maggiore valore<\/strong>, invitando il cliente a completare o arricchire il proprio ordine.<\/p>\n\n\n\n

Ad esempio, dopo la scelta di un gelato il totem pu\u00f2 proporre l’aggiunta di una bevanda, un topping, un prodotto complementare oppure suggerire il passaggio a una dimensione superiore.<\/p>\n\n\n\n

Le proposte vengono generate automaticamente in base a regole configurabili<\/strong>, consentendo all’attivit\u00e0 di definire quali prodotti suggerire nelle diverse situazioni.<\/p>\n\n\n\n

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<\/strong>, proponendo al cliente prodotti pertinenti senza rallentare il processo di acquisto.<\/p>\n\n\n\n

Flutter anche per applicazioni kiosk<\/em><\/h2>\n\n\n\n

Per la realizzazione ho utilizzato Flutter<\/strong>, tecnologia che utilizzo abitualmente per lo sviluppo di applicazioni mobile e web.<\/p>\n\n\n\n

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

La stessa base progettuale pu\u00f2 inoltre essere estesa integrando funzionalit\u00e0 come gestione del catalogo, disponibilit\u00e0 dei prodotti, promozioni, pagamento elettronico, stampa dello scontrino o comunicazione con un gestionale esterno.<\/p>\n\n\n\n

Accessibilit\u00e0<\/em><\/h2>\n\n\n\n

E’ stata prevista anche una modalit\u00e0 dedicata all’accessibilit\u00e0<\/strong>.<\/p>\n\n\n\n

Su un totem di grandi dimensioni alcuni elementi dell’interfaccia possono infatti risultare difficili da raggiungere per persone con mobilit\u00e0 ridotta. Una modalit\u00e0 specifica pu\u00f2 quindi riorganizzare l’interfaccia portando le principali funzioni nella parte pi\u00f9 facilmente raggiungibile dello schermo.<\/p>\n\n\n\n

\u00c8 un aspetto che considero importante quando si progetta un’interfaccia destinata a essere utilizzata dal pubblico.<\/p>\n\n\n\n

Una struttura pensata per un prodotto reale<\/em><\/h2>\n\n\n\n

l progetto nasce come demo di un sistema completo pronto per l’installazione in un punto vendita.<\/p>\n\n\n\n

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\u00e0.<\/p>\n\n\n\n

\u00c8 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<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"

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\u00f9 immediata la scelta dei prodotti. Un’interfaccia pensata per il touchscreen L’interfaccia \u00e8 stata progettata pensando all’utilizzo su uno schermo verticale […]<\/p>\n","protected":false},"author":1,"featured_media":617,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-613","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case-study"],"_links":{"self":[{"href":"https:\/\/www.luigitarpani.it\/index.php\/wp-json\/wp\/v2\/posts\/613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.luigitarpani.it\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.luigitarpani.it\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.luigitarpani.it\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.luigitarpani.it\/index.php\/wp-json\/wp\/v2\/comments?post=613"}],"version-history":[{"count":3,"href":"https:\/\/www.luigitarpani.it\/index.php\/wp-json\/wp\/v2\/posts\/613\/revisions"}],"predecessor-version":[{"id":620,"href":"https:\/\/www.luigitarpani.it\/index.php\/wp-json\/wp\/v2\/posts\/613\/revisions\/620"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.luigitarpani.it\/index.php\/wp-json\/wp\/v2\/media\/617"}],"wp:attachment":[{"href":"https:\/\/www.luigitarpani.it\/index.php\/wp-json\/wp\/v2\/media?parent=613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.luigitarpani.it\/index.php\/wp-json\/wp\/v2\/categories?post=613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.luigitarpani.it\/index.php\/wp-json\/wp\/v2\/tags?post=613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}