WordPress custom theme for the umbrella organisation of the world-famous Notting Hill Carnival. The site serves as a central hub, prominently featuring member organisations. It showcases the diverse carnival disciplines, venues, events, and partnerships within this vibrant community. The active front page dynamically presents the latest news and events from these groups, creating an engaging user experience.

Significant attention was given to typography design to ensure content items were both clear and impactful. The design celebrated the work of carnival practitioners and organisations, highlighting their unifying bond and collective strength through carnival arts.

Technical functionality included a custom mega menu and slideshows, enhancing navigation and visual appeal.

Originally built as a WordPress custom theme, this site features an extensive database with a many-to-many architecture, handling relationships between authors, editors, translators, and books using Custom Post Types. The site was later reworked into a Headless WordPress setup, utilising GraphQL for the API and Next.js for the front-end.

I took great pleasure in re-purposing the existing database architecture, creating GraphQL query endpoints, and defining relationships. The front-end leverages cutting-edge technology and practices, elevating the single-page application (SPA) experience. This project involved considerable learning of server/client terminology and processes, resulting in a fully semantic, searchable metadata website.

The Node.js development and build-deploy flow process ensures system bugs are addressed before production. The application features component-based web pages - partial page rendering for enhanced page load performance. It includes static builds and on-demand page regeneration to prevent delays caused by heavy external resources and facilitates instant interaction with static components. Dynamic client-side features, such as forms with dynamically generated content, ensure a responsive user experience.

WordPress Webhooks were provided to communicate via cURL to front-end API endpoints, allowing for new content updates and triggering page revalidation of static page content.

Wordpress custom design & build, featuring event calendar.