ENGIE Eps

ENGIE Eps  aveva la necessità realizzare una dashboard su cui esporre tutti i dati di utilizzo dei propri impianti di energia elettrica nel mondo.

Contesto

ENGIE Eps si occupa di sistemi di accumulo di energia containerizzati su scala di utilità e microgrid.
Progetta e commercializza soluzioni energetiche industriali all'avanguardia mantenendo i processi di ricerca, sviluppo e produzione in Italia.

Sfida

L’esigenza del cliente era quella di avere a disposizione una dashboard su cui esporre tutti i dati di utilizzo dei loro impianti di energia elettrica.

La soluzione proposta è stata una webapp in cui vengono letti i dati in tempo reale provenienti dagli impianti dislocati in ogni parte del mondo. I dati vengono aggregati, mostrati e infine formulati a seconda dei report necessari agli utenti.

EPS - Hinto

Design Process

Siamo partiti dalla definizione dei personas che rappresentano gli utenti target di EPS Engie. Successivamente, abbiamo poi definito information architecture e user flows. Grazie ai wireframes e al prototipo navigabile siamo riusciti a creare una struttura modulare,  capace di contenere tutte le informazioni necessarie a seconda della tipologia degli utenti.

L’approccio vincente è stato quello di affrontare una funzionalità alla volta passando da: analisi dei pro e contro, prototipazione, sviluppo e test. Durante la progettazione non è mai mancato il confronto con lo sviluppo e quello con ENGIE Eps.

Personas, IA & User flow
30%
Wireframing & Prototyping
70%
EPS - Hinto

Brand Consistency

Da sempre prestiamo molta attenzione  alla realizzazione di applicativi che, anche grazie al loro aspetto grafico, aiutino le persone a  raggiungere i propri obiettivi. Per questo motivo abbiamo messo in atto scelte progettuali volte a garantire il massimo della leggibilità anche in situazioni in cui i testi dovevano avere dimensioni molto ridotte.

EPS - Hinto

Tecnologie

La dashboard è stata realizzata grazie all’utilizzo di React per il frontend, Symfony come backend e MySQL. Il sistema di raccolta e normalizzazione dei dati provenienti degli impianti è basato su Logstash (importazione e normalizzazione) e InfluxDB (storage, aggregazioni real-time e interfaccia). Il backend applicativo Symfony rende disponibili le time-series raccolte su InfluxDB e i dati su MySQL tramite servizi GraphQL.

React è stato scelto perché modulare e flessibile e quindi particolarmente adatto a un’interfaccia moderna e in continua evoluzione. Garantisce l’integrazione con tutte le migliori librerie JavaScript, che abbiamo sfruttato, in particolare, per i grafici e le rappresentazioni 3D. Altro aspetto da non trascurare, React ci ha anche consentito di portare a termine uno sviluppo di un back-office completamente custom.

MySQL
React
Symfony
EPS - Hinto

Realizziamo qualcosa di straordinario insieme!

Siamo consulenti prima che partner, scrivici per sapere quale soluzione si adatta meglio alle tue esigenze. Potremo trovare insieme la soluzione migliore per dare vita ai tuoi progetti.