Una web app per facilitare l'inserimento di dati e documenti

Il progetto Sistel81 si occupa del monitoraggio della sicurezza dei lavoratori all’interno di siti tecnologici. Il progetto era in uno stato embrionale e al team Mònade è stato richiesta la realizzazione dell'applicativo web e lo studio del marchio.

Anno

2018

Tools
  • Ruby on Rails
  • VueJS
  • Bootstrap
Cliente

BT-Group

Servizi
Sistel81
Sfida

Sistel81 è un servizio che si rivolge ad aziende, gestori e manutentori attraverso il controllo degli obblighi in materia di sicurezza. Il progetto necessitava di un archivio web accessibile a diversi tipi di utenti per la consultazione o il caricamento dei documenti relativi ai siti tecnologici. L'obiettivo era quello di trovare la soluzione perfetta per soddisfare le esigenze di entrambe le parti, in modo da ridurre il carico di lavoro del personale interno e ottimizzare la fruizione da parte dei clienti.

Sistel81 - Proposta di brochure per il progetto
Proposta di brochure per il progetto
Marchio & User Interface

Per questo progetto il team Mònade ha proposto un tema in modalità dark per la parte istituzionale, più interessante ed evocativa, che diventa chiaro nelle sezioni più operative. Il marchio, semplice e di immediata lettura, si ispira al segnale del pericolo e alle onde radio delle emittenti. 

Il sistema di design creato per l'applicazione fornisce un solido riferimento per lo sviluppo di nuove funzionalità e consente di mantenere coerenza funzionale e visiva. Attraverso un sistema di simboli e colori è stato evidenziato lo stato di caricamento e scadenza dei documenti, in modo da avere una visione chiara ed immediata dell'insieme. 

Sistel81 - Concept del marchio
Concept del marchio
Sistel81 - Pagina operativa con elenco dei siti tecnologici
Pagina operativa con elenco dei siti tecnologici
Applicazione web & User Experience

Il team Mònade ha studiato accuratamente la User Experience per rendere il processo di inserimento e consultazione dati intuitivo ed immediato. Fondamentale è stato il passaggio dall'idea al wireframe, essenziale per l'evoluzione del progetto perché ha permesso al cliente di acquisire maggiore chiarezza della sua idea iniziale.

Caratteristiche tecniche:

  • Gestione di diverse tipologie di utenti con diversi gradi d'accesso
  • Unificazione e scambio dei dati tra gli utenti
  • Caricamento e gestione dei documenti
  • Creazione di nuove categorie di documenti configurabili relativamente ai requisiti di caricamento e scadenziario
Sistel81 - Scheda del singolo sito tecnologico
Scheda del singolo sito tecnologico
Sistel81 - Proposta di business cards
Proposta di business cards
Risultati

Il nuovo applicativo web ha aumentato l'efficienza operativa interna e automatizzato l'elaborazione dei documenti. Il prodotto è stato ben accolto e ha portato a un aumento della produttività e dell'accuratezza dei dati.

Vai al sito

Sistel81

Hai un progetto da sviluppare?