Interactive Knowledge
A comprehensive redesign of the Interactive Knowledge website, transforming it from a decoupled React-Drupal architecture to a unified, Drupal-only solution. This update enhances site performance, streamlines content management, and showcases the agency’s innovative projects with a focus on accessibility and user engagement.
Technologies Used
- Drupal
- React
- Decoupled
- Twig
- PHP
- Entity API
- SCSS
Project Details
Client Background:
Interactive Knowledge is a leading digital agency focused on creating interactive, educational experiences for cultural institutions, museums, and libraries. The agency’s website serves as a showcase of its unique projects, emphasizing the agency’s capabilities in delivering high-quality, interactive digital solutions.
Project Goals:
1. Transition the website from a decoupled architecture (React frontend with Drupal backend) to a full-Drupal solution, improving efficiency and simplifying content management.
2. Redesign the website’s layout and user experience to better highlight Interactive Knowledge’s portfolio and services in a cohesive, visually appealing way.
3. Ensure sitewide WCAG 2.1 accessibility compliance to make the website inclusive for all users, particularly those with disabilities.
4. Optimize performance to ensure fast load times and a seamless browsing experience across all devices, enhancing the site’s user engagement.
Challenges and Solutions:
1. Transition from Decoupled to Full-Drupal Architecture:
• Challenge: Shifting from a React-Drupal decoupled setup to a unified Drupal environment required careful planning to retain flexibility in design and functionality.
• Solution: Migrated the frontend components to Drupal’s templating system, leveraging Twig for streamlined rendering. This consolidation simplified maintenance while retaining a dynamic user experience.