London Design Festival is an annual event that brings together the London design community. They came to ON to bring clarity to their digital experience for visitors, and to make content management more sophisticated for their internal editors and partners.
London Design Festival (LDF) celebrates and promotes a range of design disciplines, bringing the London design community to life. It attracts local and international audiences to over 300 events and installations every September.
In the 18 years since their first festival, LDF has become a cultural hub for designers, international cultural and business leaders, government bodies, and a design-interested public to get together and shape the future of design. They’ve come a long way since their first festival, with 1.1 million visitors to date.
The brief
The primary goal of the project was to create a system for festival attendees that would help them with logistics, and improve the discoverability of individual events.
Behind the visitor-facing site, we needed to create a platform that would effectively support the huge amount of content that would be added by different user groups, from festival organisers to partners setting up their own events pages.
Finally, the website needed to act as a scalable foundation that could evolve with future brand expression. It also needed to be able to change to suit its dynamic purpose throughout the year, from off-season to festival week.
Personalisation and discoverability
On festival day, LDF is huge. There’s hundreds of events to choose from on an array of different topics. As you can imagine, the risk of FOMO is high. To eliminate this, we built a system that allows visitors to create their own bespoke programmes. They simply have to pick the events they like the sound of, and the logistics are organised for them.
The user searches for events using an custom-built advanced search engine with a dedicated filtering system. Events are then saved to a My Programme wishlist over the duration of the festival. A Mapbox integration shows the user where the event is on a map, and our bespoke calendar UI gives them a view of their complete personal programme.
Most usefully, however, the system offers information about events that are happening nearby, or on the day that they have chosen to attend the festival. The result is a system that takes stress away from the user, and increases discoverability for all the fantastic events held festival-wide.
Flexible content management
The volume of events and the handling of multiple festival phases required a sophisticated approach to content management. From an editor’s perspective, the platform needed to be simple, fast, and user-friendly. From a technical perspective, endless extensibility and security were essential. We therefore built the LDF platform with the headless CMS Storyblok as it provided the perfect balance of a simple editing experience and live preview capabilities in a highly flexible package.
Behind the visitor-facing events website, we built a partner dashboard. This is an area where partners can add events, manage their company information, download supporting materials and resources, and pay for their tiered partnership packages.
The dashboard was developed in Ruby, using the Ruby on Rails framework, with dedicated error tracking and application monitoring by Honeybadger. This system alerts LDF if any errors occur during editing, and identifies which customers are affected so that fixes can be made instantly to ensure visitor experience is not negatively impacted.
Future-proofing visual design
The cornerstone of the LDF brand identity is the combination of a fixed framework that is activated by annual ‘campaign’ identities created by the world's largest independent design consultancy Pentagram. Their framework both responds to, and anticipates trends in design and typography. Our job was to build the digital canvas to which these campaigns can be applied with minimal effort from the LDF team.
Whilst the previous annual refresh process required extensive code changes that were both time consuming and prone to error — replacing headers, banners and other supporting graphic assets — we created a new system that allows LDF to centrally manage all the assets and make content changes themselves.
A website for all seasons
We approached accessibility via inclusive design methodologies — instead of fixing accessibility issues towards the end of the build, the site is planned, designed and developed from the ground up to be accessible.
We gave LDF detailed guidance and control over key accessibility features, from optimising images for highest performance and lowest energy usage, setting up image alt texts, defining appropriate labelling and placeholders for forms and, utilising semantically correct headings, texts and backgrounds as standard.
Designing for accessibility
We worked with our digital partner Koto on the UI designs for the personalisable visitor programmes. Here, we focused on creating user interfaces that were grounded in user-centred design principles. Together, we approached accessibility via inclusive design methodologies — instead of fixing accessibility issues towards the end of the build, the site was planned, designed and developed from the ground up to be accessible.
Our system gave LDF guidance and control over key accessibility features, such as setting up image alt texts to cater for visitors using screen readers. We defined appropriate labelling and placeholders for forms that utilised semantically correct headings, texts, and backgrounds. We also optimised imagery for the highest performance and lowest energy usage to reduce screen load times. The result is a highly responsive UI system that feels intuitive to visitors as they create their own festival programmes.
The result