Gestionale · Design System · 2025

Delivery Flowers — CRM

  • UI/UX Design
  • Design System
  • Sviluppo Front-end
  • Web App
Delivery Flowers — CRM

Da un gestionale da terminale a un'applicazione reattiva e fruibile in cloud, costruita da zero per desktop e mobile su un design system di componenti coerenti.

La sfida

Delivery Flowers gestiva il suo e-commerce di consegna fiori — ordini, fioristi e fornitori, pagamenti, spese pubblicitarie, documenti — con un gestionale da terminale: veloce per chi lo conosceva a memoria, ma rigido, legato a una sola postazione e impossibile da usare in mobilità. Niente cloud, niente mobile, nessuna interfaccia visiva.

L’obiettivo non era rifare la grafica di qualcosa che esisteva già, ma costruire da zero un nuovo strumento: un’applicazione reattiva, fruibile in cloud da qualunque dispositivo, pensata fin dall’inizio sia per il desktop sia per il mobile. E costruirla bene, su un design system solido, così che ogni schermata futura nasca da componenti già pronti e coerenti.

L’approccio

Dal terminale al cloud

Abbiamo ripensato il flusso di lavoro del gestionale e lo abbiamo ricostruito come web app moderna: ordini Shopify, fioristi e fornitori, pagamenti, advertising e documenti, tutto in un’unica interfaccia accessibile dal browser — sullo schermo grande e sul telefono. Da uno strumento per soli addetti ai lavori a un prodotto che chiunque nel team può usare, ovunque si trovi.

Un design system, non una collezione di schermate

Invece di disegnare pagina per pagina, abbiamo costruito una libreria di primitive UI condivise — bottone, card, campo di ricerca, campo form, stato vuoto, dialog di conferma — e un sistema di badge guidato da un’unica fonte di verità per i colori di stato: stato ordine, canale, pagamento, categoria. Una sola mappa colore, un solo componente, usati ovunque. Sono i mattoncini reali dell’interfaccia: quelli che vedi scorrere qui sotto.

Desktop e mobile, dal primo giorno

Ogni componente è nato responsive. La dashboard — il cuore decisionale dell’app — è leggibile sul desktop e davvero usabile sul telefono: la mappa interattiva diventa, su schermo stretto, una classifica ordinata; filtri rapidi e selettore data ridisegnati per il pollice. Non una vista desktop rimpicciolita, ma un’esperienza pensata per il mobile.

Il risultato

Delivery Flowers è passata da un gestionale da terminale a un’applicazione reattiva e fruibile in cloud, costruita da zero su un design system coerente. Un’unica voce visiva in tutte le sezioni, componenti riutilizzabili pronti per ogni nuova schermata, e un prodotto che si usa con la stessa naturalezza alla scrivania e in movimento. Sotto la superficie, un’architettura sana: caricamento progressivo, calcoli pesanti ottimizzati e dipendenze senza vulnerabilità note a fine lavoro.

Il prodotto · interfaccia

I componenti dell'interfaccia, con dati di esempio.

Sistema di stati

Un'unica fonte di verità per i colori

Stato ordine

In attesa In lavorazione Consegnato Annullato Rimborsato Buono sconto

Canale

Online Fiorista Telefono Mail

Pagamento fornitore

Saldato Parziale Da saldare

Bottoni

Varianti coerenti, un solo componente

Primario Secondario Elimina Ghost

Card metriche

Dashboard · sintesi

Dati di esempio
Fatturato
€48.250
+12,4% vs prec.
Ordini totali
1.284
18 nuovi oggi
Margine netto
€19.870
Ottima marginalità
Costo omaggio
€6.120
Incidenza fornitura

Ricerca e stato vuoto

Componenti di input e fallback

Nessun dato nel periodo selezionato

Dialog di conferma

Elimina ordine

Sei sicuro di voler eliminare l'ordine #1042?

Annulla Elimina

Contatti

Let's
Talk.

Hai un progetto in mente o vuoi ricevere maggiori informazioni? Siamo pronti a dare forma alle tue idee e trasformarle in realtà digitale.