The Department for Digital Transformation website loads in 0.4 seconds
The collaboration between the redesign team at the Department for Digital Transformation and Cantiere Creativo produced a public administration website that sets new standards among institutions for speed, extensibility and readiness for a multi-experience future.
The collaboration between the redesign team at the Department for Digital Transformation and Cantiere Creativo produced a public administration website that sets new standards among institutions for speed, extensibility and readiness for a multi-experience future.
The project by the numbers
first load
0,4s
Google performance score
100/100
usability score
AA
A website that breaks down barriers
The new website of the Minister for Technological Innovation and Digital Transition passed every accessibility test, becoming a resource for all Italian citizens.
The new website of the Minister for Technological Innovation and Digital Transition passed every accessibility test, becoming a resource for all Italian citizens.
Best-in-class performance
An optimized front end and excellent information architecture put the MITD website among the fastest 1% of websites in the world.
An optimized front end and excellent information architecture put the MITD website among the fastest 1% of websites in the world.
Future-proof content production
A single headless CMS instance can serve content to any kind of device by changing only the presentation layer, delivering a future-proof architecture.
A single headless CMS instance can serve content to any kind of device by changing only the presentation layer, delivering a future-proof architecture.
With the redesign of the MITD website, we believe we put in place interesting and, above all, replicable approaches to making the institutional websites of Italian public administrations accessible.
Matteo Vabanesi
From the blog of Content Designers Italia
From repo-based management to a headless CMS
The previous website was managed entirely through a repository, and over time the Department felt the need to involve more people in the project. Choosing a CMS had become a priority, not least to make writing content simpler and smoother, including collaboratively.
The redesign team decided to go with a headless CMS for maximum flexibility, strong content modeling capabilities and the ability to build omnichannel experiences.
Implementing Bootstrap Italia 100%
As requested, development was based on the Bootstrap Italia theme, faithfully using all of its components to reproduce the mockups we were given with maximum precision.
Cantiere Creativo created several additional components that are not only compatible with Bootstrap Italia but can be reused in future public administration projects with few or no changes.
Clean, maintainable code
All the Ruby code we wrote followed the formatting rules and conventions of the Lint standard to the letter, specifically RuboCop Lint.
The code was checked for compliance before every commit, ensuring it stays clean and easy to manage, maintain and understand for whoever continues development.
The real benefits of a headless CMS
Moving to a headless CMS made it possible to create different models with only the fields needed, thanks to modular blocks. This let the redesign team rebuild exactly the content it needed and involve the entire editorial team through a setup of roles and permissions.
With the front end decoupled from the content, everything produced can be published in the future on different channels and devices without being duplicated.
Performance and accessibility
The collaboration between Cantiere Creativo and the redesign team delivered literally perfect results on Google's main website evaluation metrics.
At launch, the site scored 100 out of 100 in Performance, Accessibility, Best Practices and SEO on Lighthouse.
According to the data collected, the First Contentful Paint of the Department for Digital Transformation's website is 35% faster than the average for sites built on older versions of Bootstrap Italia.
On accessibility, the site complies with the WCAG guidelines (Web Content Accessibility Guidelines) at level "AA".
Dive deeper into the project
Read our article for an in-depth look at the technology and challenges behind the MITD project.
