OpenActive - A Case Study
OpenActive is a community led initiative using data to help people get active in order to help reduce inactivity in England. Stewarded by the Open Data Institute (ODI) and supported by Sport England, its ambition is to get the sport and physical activity sector to publish and use data about the details of opportunities to be active.
As the community has grown, the ODI needed a new website that could serve its evolving needs. This project covered all the bases from the brands creation, user and stakeholder research, right through to the design and development of the site using a mixture of agile and waterfall techniques to get the project completed.
Working with great clients
This was such a great project to work on. With a client who was on board with using cutting edge technology and agile working practices we really got to push the boundaries on this project.
Daily stand up meetings via Google Hangouts, the use of project management tools and of course chatting via Slack allowed us to work seamlessly together from different locations.
Getting the Information Architecture right was crucial. The existing site had muddled user journeys, and we wanted to ensure that the different types of visitor could get straight to their goals, whether they were developers who’d been asked to use data, a company director deciding whether to jump into publishing, or one of the other many users we have!
Luckily we had some great data gathered by the OpenActive team that allowed us to really play with structure and journeys through the site to achieve goals.
We made use of Adobe XD to do rapid prototypes whilst the branding was taking place and then as soon as we had a concensus on structure we moved into code.
Pages were planned and content developed seperate to the brand being applied. As soon as we had developed a pattern library of elements the site came to life.
What the client said
“Early responses have been really positive. The old website limited us for a long while. Those that have experienced both sites have called the new one a breath of fresh air! The community has been really receptive to the branding too. It brings the energy and innovative value that was missing.”
An introduction into what Open Data is, a search facility to find your booking system and voting to have your system included. The new site contains video explainers, booking system search, voting for new systems, a data map, and interactive code examples.
The site needed to reduce the burden on the core OpenActive team where possible. We needed to tell the story of what it is, and needed a hub for resources and tools for publishers and data users. It had to support a range of audiences including developers wanting to jump straight in, and people who wouldn’t even know what open data is.
Who was involved?
- Website - OpenActive
- Client - Open Data Institute
- Agency - Imaginate Creative Ltd
- Project Management
- Discovery and User Experience
- Front-end Development
- Siteleaf CMS
- Github Pages
- Pattern Library/Style Guide
October 2017 - Initial discovery work - understanding community and admin needs, audit of existing website, compiling potential improvements.
November 2017 - Continuing discovery - extended user needs analysis, JAMstack investigation, and current code review.
December 2017 - Project kick-off - project briefing, discovery review, branding development, UX and prototyping.
December - January - Additional research into community tools and wider service design tying into the website. Further branding development.
January 2018 - Wireframe and prototype testing, creation of the pattern library, development work. Content creation.
February 2018 - Accelerator page development and launch. Content creation.
March 2018 - Second phase of development whilst website is in beta. Content creation and iconography.
April 2018 - Final testing and switch to the primary domain.
Need help on a digital project?
Drop me a note at email@example.com or find me on and