05 / 09

Servizi, mezzi e autisti sotto controllo, dalla pianificazione allo scarico.

Per Delivery OnTime abbiamo progettato e sviluppato DOT: una dashboard web per chi organizza i trasporti e un'app per chi lavora su strada. L'ufficio pianifica il servizio e lo invia all'autista, segue i mezzi sulla mappa e vede subito chi è in ritardo o fermo per un problema. Gli operatori timbrano dall'app, dentro le zone di lavoro.

Servizi
Dashboard di gestione · App mobile · Design UX/UI

Introduzione

UX
Due percorsi, ufficio e strada, progettati insieme.
UI
Stati a colore leggibili su mappa ed elenco.
Tech
Dashboard web e app su Ionic, Firebase, GraphQL e Hasura.

In breve

La sfida
Sapere dov'è ogni mezzo senza telefonare all'autista.
Cosa abbiamo fatto
Dashboard web per l'ufficio, app per autisti e operatori.
Il risultato
Ritardi e problemi visibili mentre succedono, non a fine giornata.
Wireframe di DOT: nuovo servizio in dashboard, itinerario e segnalazione di un problema nell'app01
Discovery · Architettura

Analisi e UX

Prima i flussi dell'ufficio e della strada, poi le schermate.

User flowArchitetturaWireframe
Architettura della dashboard DOT: dal login alla dashboard e alle sette sezioni
Dashboard DOT: elenco dei servizi con un servizio in ritardo evidenziato02
Interfaccia · Design system

UI e design system

Stati a colori, leggibili in un colpo d'occhio.

UIDashboardMobile
Design system di DOT: i due colori del marchio, gli stati in orario, problema e in ritardo, pulsanti ed elenco servizi
Architettura tecnica di DOT: app e dashboard collegate da GraphQL su Hasura, con Firebase03
Engineering · Piattaforma

Sviluppo

Una piattaforma, due app: la dashboard e DOT.

Web appApp mobileGeolocalizzazione
App DOT: itinerario con le quattro azioni, segnalazione di un problema e turno in corso

01UX: ufficio e strada


Lo stesso servizio vive in due posti: nella dashboard di chi pianifica e nel telefono di chi guida. Abbiamo progettato i due percorsi insieme, perché ogni azione sulla strada aggiorni lo stato che vede l'ufficio.

01 · Pianificare

Il servizio nasce in ufficio e arriva all'autista.

Dal calendario si crea il servizio: cliente, punti di carico e scarico, mezzo e autista. Poi parte verso l'app di chi guida.

Scelte di progetto

  • Un solo modulo per tutto il servizio.
  • L'autista riceve il servizio già completo.
In ritardoNoSìStato «Problema»SìNoLoginDashboardPianificazioneNuovo servizioInvio all'autistaGestioneDettaglio servizioSegnala ritardoItinerarioCaricoImprevisto?ScaricoProblemaBadge-inIn zona di lavoro?Turno in corsoFuori zonaBadge-out

02UI e mockup


Nuovo servizio in dashboard, itinerario e segnalazione di un problema nell'app: prima la struttura, poi l'interfaccia. Gli stati hanno gli stessi colori su mappa, elenco e app: in orario, problema, in ritardo.

UI di DOT: nuovo servizio in dashboard, itinerario con le quattro azioni e segnalazione di un problema nell'appWireframe di DOT: nuovo servizio in dashboard, itinerario e segnalazione di un problema nell'app

03Identità visiva


Due colori presi dal logo: un blu deciso per le azioni e un viola scuro per testi e superfici. Gli stati del servizio usano verde, arancio e rosso, gli stessi su mappa ed elenco.

Palette · clic per copiare

04Il prodotto

DOT copre il lavoro dall'inizio alla fine: pianificazione, anagrafiche di operatori, driver, mezzi e clienti, monitoraggio dei servizi, pre-fatture e badge degli operatori.

DOT su desktop: pianificazione con calendario di ottobre e servizi di giovedì 3
SELECTED WORK · 01—04

Una selezione continua di ecosistemi, piattaforme e servizi digitali.

Sistema visivo SiVola01
Digital Rebrand & Travel Experience

SiVola

Un ecosistema editoriale e commerciale capace di trasformare l’ispirazione in viaggio, mantenendo riconoscibile l’energia del brand in ogni touchpoint.

Brand systemUX commerceContent platform
02
Social Travel Marketplace

Onderò

Un'app dove i viaggiatori pianificano, partono insieme e trasformano i loro itinerari in guide da vendere.

App mobileSocialMarketplace
03
Multi-Agent AI Platform

SinfonIA

Pipeline di agenti AI progettate in una conversazione: dalla ricerca con gli utenti al POC funzionante.

Agenti AILLM & RAGDesign UX/UI
04
On-demand Learning Platform

BeConcept

La formazione degli hair stylist Treatwell trasformata in un'esperienza da streaming, con quiz e certificazioni.

Video streamingUX/UIWeb & mobile
05
Transport Operations Platform

Delivery OnTime

Servizi, mezzi e autisti su un'unica mappa: dalla pianificazione allo scarico, con l'app per chi è su strada.

DashboardApp autistiTracciabilità
Ecosistema digitale Fisascat06
Federated Digital Ecosystem

F.I.S.A.S.C.A.T.

Una regia centrale per rendere coerenti contenuti, territori e servizi, lasciando autonomia operativa a ogni nodo del network.

Multi-siteGovernanceService design
Esperienza prodotto ATS07
B2B Product & Lead Experience

ATS

Un’esperienza che rende leggibile un’offerta tecnica complessa e accompagna interlocutori diversi dal prodotto alla richiesta commerciale.

B2B UXProduct storyLead architecture
Esperienza digitale MuTUA Cesare Pozzo08
Member Experience & Service Design

MuTUA Cesare Pozzo

Un servizio digitale più chiaro e accessibile, costruito intorno alla continuità tra informazione, assistenza e operatività.

Service designAccessibilityMember journey

Per cosa ci contatti?

Raccontaci l'obiettivo del progetto: servizi, tempi e budget indicativo.

1/4