Management software

Flow Manager.

Design di un gestionale per project manager

Cover image of Flow Manager, a UX/UI project showcasing the creation of management software for project managers.

L’azienda Flow Consulting richiede un software gestionale per Project Manager progettato per semplificare il monitoraggio dei progetti, delle risorse e delle scadenze.

Il sistema integra dashboard interattive, viste dettagliate per progetti e team, e strumenti di controllo ore/spese.

Il design privilegia la chiarezza delle informazioni e la rapidità d’uso, due elementi fondamentali per chi gestisce più progetti in parallelo.

Ruolo: UX/UI designer, graphic designer

Cliente: Flow Consulting

Tools: FigJam; Miro; Figma;

 
Prototipo Web
Mockup of login page

Fasi del progetto

Branding
discovery
Define
Ideate
Design

01.

Branding.

Logo

Flow Manager, colourful logo on a white background

Il logo del gestionale rappresenta un’onda, simbolo di flusso, cambiamento e dinamica del lavoro.

L’onda segue un’andatura a “M” per richiamare la parola “Manager”.

Insieme identificano il nome del prodotto Flow Manager.

Il blu come colore principale  trasmettere fiducia, professionalità e stabilità.

Le linee morbide e moderne sono coerenti con un’interfaccia pulita e accessibile.

Palette colori

Phthalo Blue

#030A8C

Blue

#0D04F1

Tipografia

Sans serif

Poppins

Bold

Aa

02.

Discovery.

Requisiti

Il cliente Flow Consulting voleva:

  • Una dashboard intuitiva con per il monitoraggio dei progetti e alert immediati.

  • Gestione di team, workload, timesheet e budget.

  • Un design coerente con un brand moderno e affidabile.

Accessibility

This is a screenshot showing a contrast check between text and background.

Il design è stato sviluppato seguendo le migliori pratiche di accessibilità e usabilità:

  • Contrasto ottimale: la palette cromatica, basata sul blu del brand e supportata da verde, arancione e rosso, è stata progettata in conformità alle linee guida WCAG per garantire testi, stati e alert sempre leggibili.

  • Gerarchia visiva chiara: titoli, sottotitoli ed etichette di stato strutturati per guidare l’utente nella lettura.

  • Icone + testo: ogni voce di menu e pulsante è accompagnato da un’icona per facilitare il riconoscimento immediato.

  • Layout essenziale e leggibile: spaziatura, allineamenti e griglie favoriscono la comprensione rapida dei contenuti.

03.

Define.

Target

Il prodotto è pensato per PM in agenzie, consulenza IT e startup, che hanno bisogno di:

  • Una panoramica rapida per capire chi è in ritardo e dove intervenire.

  • Strumenti collaborativi per coordinare team multidisciplinari.

  • Una gestione integrata di scadenze, risorse e spese.

Buyer Personas

Sintesi delle esigenze chiave

Charlotte

Photo of Charlotte, PM in creative agency

Ruolo: PM in agenzia creativa

  • Gestisce molti progetti brevi con team di designer e sviluppatori.
  • Ha bisogno di scadenze sempre sotto controllo.
  • Usa spesso la dashboard e la lista progetti per capire chi è in ritardo.

David

Photo of David, PM in IT consulting company

Ruolo: PM in società di consulenza IT

  • Supervisiona progetti complessi con clienti corporate.
  • Vuole avere visibilità su budget, workload del team e avanzamento percentuale.
  • Per lui sono fondamentali le sezioni dettaglio progetto e timesheet.

Martina

Photo of Martina, Junior PM in startup tech

Ruolo: Junior PM in startup tech

  • Lavora su pochi progetti, ma molto intensi e in continua evoluzione.
  • Ha bisogno di strumenti semplici e rapidi per comunicare con il team.
  • Usa spesso la sezione team management per coordinare risorse e competenze.

User Journey

Charlotte's user journey. She is confident thanks Flow Manager software

04.

Ideate.

User Flow

User Flow

05.

Design.

Wireframe

Nota: il prototipo è stato sviluppato esclusivamente in versione desktop, poiché il gestionale è pensato per un utilizzo in ambiente d’ufficio durante l’orario lavorativo.

Login

Wireframe of login page

Project details

Wireframe of a specifically project page

Dashboard

Wireframe of Dashboard

Timesheet

Wireframe of Timesheet page

Prototype

Nota: il prototipo è stato sviluppato esclusivamente in versione desktop, poiché il gestionale è pensato per un utilizzo in ambiente d’ufficio durante l’orario lavorativo.

Login

Prototype of Login Page

Dashboard

Prototype of Dashboard

Team management

Prototype of Team Management page

Projects

Prototype of All projects page

Project details

Prototype of a specifically project page

Timesheet

Prototype of Timesheet page

06.

Conclusioni.

Il gestionale è stato progettato come uno strumento versatile e scalabile, concepito esclusivamente per l’utilizzo in versione desktop, in linea con il suo impiego prevalente in ambiente d’ufficio. L’interfaccia mette al centro la chiarezza visiva, così da agevolare decisioni rapide, e combina funzionalità avanzate con un’esperienza semplice e intuitiva. Particolare attenzione è stata riservata all’accessibilità e all’inclusività, garantendo un utilizzo efficace per diversi tipi di utenti. Il risultato è un prototipo completo e professionale, che mette in evidenza competenze di UI/UX design, progettazione di dashboard complesse e organizzazione gerarchica delle informazioni.