- Discovery & Requirements Gathering
- User Research
- WordPress Development
The team at Bristol Pride first started running the festival here in the city 10 years ago and, as you would imagine, during that time it has expanded significantly in visitor numbers and scope. They came to us in late 2018 to ensure their website was capable of handling the the demands placed on it by the success of their event. We were delighted to design, build and launch a new WordPress site in time for Pride 2019.
We began the project with a phase of discovery. Over the course of a day, we held a workshop with Bristol Pride and some of their volunteers to:
The key problem we uncovered was how to ensure the website had a purpose when the festival was not running. While Pride festival is a two-week event there are a large number of other events that continue to happen throughout the year as part of their extended programme so this meant that the website should continue to provide value when the festival had finished.
We uncovered ways we could allow the Pride organisational team to make a few simple changes in the back-end following the festival and give the site a new life for the intervening months.
Some of our solutions included:
Taking this challenge forwards to prototyping stage, we designed one wireframe with two states: ‘Festival On’ and ‘Festival Off’.
Other functionality required included:
Once we’d proposed our structure via prototyping, we moved on to the look and feel of the front-end of the site. Bristol Pride already had a vibrant visual identity that is used prominently at the festival each year on everything from wristbands to stage hoardings. We wanted to make sure the website was in keeping with this but that it used web technologies to add a little additional visual flair that isn’t possible with printed media.
We started with the vibrant colour palette and looked at ways of using it to its full extent in the design without it becoming too gaudy or illegible. The bright pink is used for emphasising top-level information and calls-to-action on a given page, while the teal and blue from the brand palette are used for secondary information. We also added a couple of gradients for interactive elements such as rollovers on text and images.
The existing site employed the largely-default font Arial which was probably the closest available to Pride’s brand font at the time it was designed. With our knowledge of modern web typography we were able to source something much more visually-suited to the brand and set about creating a clear hierarchy of type styles for both desktop and mobile, presenting information in an accessible and legible format.
Aside from the colour and type, another great asset we had to play with was Pride’s excellent image bank gathered from previous years’ festivals. The existing site, being typical of its age, was fairly constrained in width and didn’t really allow for the imagery to stand out so we opened up the design with some full-width hero imagery. Nonetheless we were aware that the team might often be supplied with low res imagery from their multitude of performers and so we added a number of flexible content options around the use of image sizes when building pages.
Combining these various assets enabled us to create an end product that not only looks engaging and playful but which also has an emphasis on legibility and accessibility.
Now that Bristol Pride have a bespoke WordPress platform to work on top of, our relationship will move into one where we have regular check-ins to see how the website is performing and put in place actions and plans to help the festival to keep their digital marketing moving forwards. Websites are ever evolving systems and the on-going relationship is crucial to ensure that the website keeps performing well and stays secure. As well as the regular meetings we will also be hosting and maintaining the WordPress platform for Bristol Pride website going forwards.
Talk to Piers about your requirements