Il sito del Dipartimento per la trasformazione digitale carica in 0,4 secondi
La collaborazione fra il team di riprogettazione del Dipartimento per la trasformazione digitale e Cantiere Creativo ha portato a un sito dell'amministrazione pubblica che setta nuovi standard fra le istituzioni per velocità, espandibilità e capacità di guardare al futuro multiesperienziale.
La collaborazione fra il team di riprogettazione del Dipartimento per la trasformazione digitale e Cantiere Creativo ha portato a un sito dell'amministrazione pubblica che setta nuovi standard fra le istituzioni per velocità, espandibilità e capacità di guardare al futuro multiesperienziale.
Alcuni numeri sul progetto
0,4s
primo caricamento
100/100
performance per Google
AA
grado usabilità
Un sito che rompe le barriere
Il nuovo sito del Ministro per l'innovazione tecnologia e la transizione digitale ha passato tutti i test per l'accessibilità, diventando una risorsa per tutti i cittadini italiani.
Il nuovo sito del Ministro per l'innovazione tecnologia e la transizione digitale ha passato tutti i test per l'accessibilità, diventando una risorsa per tutti i cittadini italiani.
Performance da primi della classe
Un front-end ottimizzato e un'ottima architettura delle informazione rendono il sito del MITD nell'1% dei siti web più veloci al mondo.
Un front-end ottimizzato e un'ottima architettura delle informazione rendono il sito del MITD nell'1% dei siti web più veloci al mondo.
Produzione di contenuti a prova di futuro
Una sola istanza del CMS headless può servire i contenuti su dispositivi di ogni tipo cambiando solo la presentazione, offrendo un'architettura a prova di futuro.
Una sola istanza del CMS headless può servire i contenuti su dispositivi di ogni tipo cambiando solo la presentazione, offrendo un'architettura a prova di futuro.
Con la riprogettazione del sito MITD riteniamo comunque di aver messo in campo approcci interessanti, e soprattutto replicabili, per rendere accessibili i siti istituzionali delle Pubbliche Amministrazioni italiane.
Matteo Vabanesi
Dal blog di Content Designers Italia
Da gestione via repo a CMS headless
Il sito precedente era gestito esclusivamente da repository e nel tempo il Dipartimento ha sentito il bisogno di coinvolgere più persone nel progetto. Scegliere un CMS era diventata una priorità, anche per rendere la scrittura di contenuti più semplice e fluida anche in modalità collaborativa.
Il team di riprogettazione ha deciso di puntare su un CMS headless per la massima flessibilità, per le capacità di modellazione dei contenuti e la possibilità di lavorare su esperienze multicanale.
Tradurre Bootstrap Italia al 100%
Lo sviluppo si è basato come da richieste sul tema Bootstrap Italia, di cui abbiamo usato fedelmente tutti i componenti per riprodurre con massima precisione i mockup che ci sono stati consegnati.
Cantiere Creativo ha creato alcuni componenti aggiuntivi, non solo compatibili con Bootstrap Italia, ma utilizzabili nei prossimi progetti della pubblica amministrazione con poche se non nulle modifiche.
Un codice pulito e mantenibile
Tutto il codice Ruby scritto ha seguito alla lettera le regole di formattazione e le convenzioni dello standard Lint, in particolare RuboCop Lint.
Il codice è stato conformato prima di ogni commit, assicurando la massima pulizia e facilità di gestione, manutenzione e comprensione per chi proseguirà gli sviluppi.
I vantaggi reali della soluzione headless CMS
Il passaggio a un Headless CMS ha permesso di creare modelli diversi con soli i campi che servivano grazie ai blocchi modulari, permettendo al team di riprogettazione di ricostruire esattamente i contenuti di cui aveva bisogno, coinvolgendo tutto il team editoriale grazie al setup di ruoli e permessi.
Grazie al front end separato dal contenuto, tutto ciò che è stato prodotto potrà essere pubblicato in futuro su canali e dispositivi diversi senza doverlo duplicare.
Performance e accessibilità
La collaborazione fra Cantiere Creativo e il team di riprogettazione ha portato a risultati letteralmente perfetti nelle maggiori metriche di valutazione di un sito secondo Google.
Il sito mostrava alla pubblicazione risultati di 100 su 100 in Performance, Accessibilità, Best Practices e SEO su Lighthouse.
Secondo i dati raccolti, il First Contentful Paint del sito del Dipartimento per la trasformazione digitale è il 35% più veloce della media dei siti basati su vecchie versioni di Bootstrap Italia.
Per quanto riguarda l'accessibilità, il sito è conforme alle linee guida WCAG (Web Content Accessibility Guidelines) con un voto "AA".
Approfondisci il progetto
Leggi il nostro articolo che va nel dettaglio sulla tecnologia e le sfide del progetto per il MITD.
