Introduction
The redesign project of the institutional website of Club Handicap et Compétences represented an exciting and significant challenge. Our goal was to transform an existing website into a more modern, accessible, and user-friendly platform, while meeting the specific needs of users with disabilities. This project required a meticulous approach in terms of design, technological choices, and implementation, taking into account accessibility standards and best practices of modern web.
Client Challenges
The main challenges for Club Handicap et Compétences were multiple:
- Accessibility and Modernity: The site had to be redesigned to meet WCAG standards, thus ensuring maximum accessibility for all users, including those with disabilities.
- Choosing an Accessible CMS: It was essential to select a content management system (CMS) that was not only accessible to content editors with disabilities but also scalable and easy to use.
- Migration from Joomla: The project involved migrating content from Joomla to a new system, a process that had to be managed carefully to ensure SEO and continuity of the existing content.
Technical Proposal
- Sitemap Analysis: Preliminary work on the sitemap was carried out to optimize user experience and ensure intuitive navigation on the site.
- Simplistic Design: We opted for a clean design, focusing on ease of use and accessibility.
- Choice of Strapi as CMS: After a thorough benchmark of available CMSs, Strapi was chosen for its headless nature, flexibility, open-source character, and accessibility.
- Development of a React Component Design-System: A specific design-system was created from scratch, offering accessible and customized React components for the client.
- Adoption of Next.js for the Frontend: Next.js was selected for its performance, ease of use, and open-source status, providing a smooth and fast user experience.
Results
The redesign of the site led to a significant improvement in user experience. The site is now fully compliant with WCAG standards, offering unprecedented accessibility for all users. The clean design has been praised for its ease of navigation and modern aesthetics. The integration of Strapi as a CMS has allowed for more intuitive and accessible content management, while the use of Next.js has improved the overall performance of the site.
Key Figures
- Accessibility Improvement: 100% compliance with WCAG 2.1 standards.
- Performance Increase: A flawless 100% score across all Lighthouse metrics, resulting in an outstanding performance..
- Optimized Content Management: Better efficiency in content management by editors. Over 400 articles written in less than a year.
- User Satisfaction: No more sharing information by e-mail. Users now see the website as the only source of information..
This article offers a detailed overview of how we approached and successfully completed this complex project, demonstrating our commitment to accessibility, technical innovation, and user satisfaction.