‘Inclusive by design’ marketingwebsite voor itsme®
The challenge
How can we make the itsme® website as accessible as possible?
Not everyone finds it easy to get started with digital services or products, and itsme® is well aware of this issue. Improving digital inclusion and digital fluency has been one of the focal points within the company since 2019. In 2020, itsme® joined DigitAll, a Belgian coalition of organizations dedicated to creating a more inclusive digital society. As part of this commitment, itsme® also critically evaluated its own products and services to explore how they could be made more accessible. Together, we examined how to renew the current website in the most accessible way possible.
The solution
A stress-free digital platform
itsme® noticed that creating an account on the existing website was not straightforward for everyone and caused a form of 'digital stress' for some users. Therefore, it was crucial to prioritize education and support on the new website. The goal was to effectively guide users through the platform and create a stress-free digital experience.
Some highlights
An ‘inclusive by design’ website. Throughout the development process (UX, design, front-end), we always kept the WCAG 2.1 AA accessibility standard in mind.
A cookieless b2c-website. In anticipation of the European Digital Services Act, which EU member states must comply with by 2024 and which includes measures regarding cookie usage, we created a b2c website without cookies that guarantees user privacy.
EU-based alternatives over traditional US-based marketing tech and tracking products (whenever possible). For the b2b website, we replaced Google Analytics and Google Tag Manager with European solutions like TagCommander and AT Internet.
A custom-built page builder component library with 120+ components, that allows itsme®'s marketing team to easily create web pages according to their preferences.
A flexible CMS architecture that enables a smooth launch in other countries. Thanks to the multi-country and multi-language set-up, itsme® can easily expand to other countries.
Migration of 250+ existing pages to maintain itsme®'s established SEO position.
Our approach
Scalability and flexibility at the forefront
In the development of the website, it was crucial to consider itsme®'s growth plans. Therefore, we chose the following technologies:
DatoCMS: a headless CMS that allows the content team to create flexible content for multiple countries and languages.
Next.js: a robust and production-ready React framework that provides full control over how users view pages and blog articles.
A headless CMS offers several benefits:
No worries about infrastructure and maintenance
New features developed by the CMS team are automatically shipped
All content for your brand is centralized in one single place
The decision to use DatoCMS as a headless CMS is based on the main requirements of itsme®'s content team, which we outlined as follows:
A user-friendly interface that presents website content in a clear manner
The ability to easily transfer content to another language (which may differ per country) when itsme® expands into new markets
Sufficient capacity to manage the content of over 250 pages
A company located within the EU and with a strong focus on security
The webpages are built using various building blocks (sections) that the content team can work with to compose pages. To turn this content into webpages, we use Next.js. The pages are fetched using GraphQL API, and the sections are translated into React components.
Similar to the business portal, everything is component-based, meaning all sections consist of reusable components. This approach provides significant advantages in terms of scalability, especially when designing new sections.
Given itsme®'s strong growth ambitions, scalability is of great importance. The success of our approach became evident during the development process when the company expanded to the Netherlands. Thanks to the chosen technologies, the Dutch site was quickly set up in both English and Dutch. The content team could easily duplicate the necessary pages in the CMS and make adjustments as needed.
Next steps
Even after the launch, the team doesn't rest. Thanks to a Continuous Improvement track, the website is systematically expanded with new pages and modules based on strategic expansion and gathered feedback. A backlog and corresponding roadmap ensure that the right priorities are always set during this process.
