Progettazione ed implementazione del front-end web di un catalogo digitale interattivo = Design and implementation of web front-end for an interactive digital catalogue

Al giorno d’oggi, in una società il cui fulcro comunicativo è Internet, per un’azienda essere presente online con il proprio marchio e i propri prodotti non è più una scelta di marketing ma un “obbligo” da ottemperare per essere competitivi sul mercato. Nell’ambito della produzione di applicativi software, emerge sempre più l’esigenza di migrare i prodotti sul web in modo da renderli facilmente accessibili in un contesto multipiattaforma semplificando il processo di distribuzione, installazione e manutenzione. In questo scenario, partendo da un esistente applicativo desktop, è stata progettata ed implementata l’interfaccia utente di un’applicazione web finalizzata alla consultazione e alla gestione di un catalogo contenente la raccolta di dati tecnici relativi a componenti impiantistici e, più in generale, al settore dell’edilizia. L’applicazione mira a garantire una semplice ma efficace esperienza di navigazione: l’utente ha la possibilità di esplorare il catalogo per macro-aree, categorie e gruppi di prodotti, applicando filtri sui risultati, oppure può semplicemente utilizzare il motore di ricerca integrato. Inoltre, per ogni prodotto è possibile visualizzare la scheda delle specifiche tecniche, metterlo a confronto con altri della stessa categoria, tenerne traccia nella cronologia di navigazione e inserirlo nella propria raccolta di preferiti. Sul piano tecnologico, le scelte implementative sono in linea con i trend attuali: è stata utilizzata la libreria React per la gestione dello stato e per la realizzazione dell’applicazione web sotto forma di Single Page Application; per simulare la navigazione multi-pagina e, più in generale, per la progettazione dell’architettura di routing è stata utilizzata la libreria React Router. L’interazione con il server è stata gestita tramite le funzionalità della libreria Axios e al fine di rendere l’interfaccia utente responsive, usabile e coerente con le linee guida del Material Design di Google ci si è avvalsi dei componenti grafici di Material-UI. Durante lo sviluppo si è prestata particolare attenzione alla scalabilità in modo da minimizzare lo sforzo per l’ampliamento dei contenuti del catalogo e si è cercato di massimizzare l’usabilità affinché l’esperienza di navigazione sia il più possibile conforme alle aspettative dell’utente.