Atomic Smash homepage splash

Bristol Pride

Services delivered

  • Discovery & Requirements Gathering
  • User Research
  • Prototyping
  • Design
  • WordPress Development
  • Hosting
Visit website
Desktop image of Bristol Pride Wordpress project Mobile image of Bristol Pride Wordpress project

Bristol Pride

Services delivered

  • Discovery & Requirements Gathering
  • User Research
  • Prototyping
  • Design
  • WordPress Development
  • Hosting
Visit website

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.

Discovery & Requirements Gathering

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:

  • Uncover what works well currently and what doesn’t
  • Discover who the website’s users are, why they come to the website and what they need from it
  • Decide on key features that are needed for each section of the website
  • Ascertain what each section needed to do for its users in order to achieve a good user experience
  • Understand how we might be able to encourage wristband sales and showcase the programme
  • Decide what function the website should perform for the 50 weeks a year when the Pride Festival is not on
Bristol Pride and Atomic Smash Workshop 1

Key findings

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.

Solutions

Some of our solutions included:

  • Designing an events system that could not only filter by event type but which could categorise and display events subject to whether they occurred during the festival fortnight or not.
  • Adding in flexible content on the homepage to push festival-specific and/or generic content depending on the time of year.

 

Prototyping

Taking this challenge forwards to prototyping stage, we designed one wireframe with two states: ‘Festival On’ and ‘Festival Off’.

Other functionality required included:

  • A countdown timer showing time until the next festival
  • An events page which could cater for the vast amount of flexibility: various time slots; events which span days or weeks; different types of events, some ticketed, some free and some not
  • Clear differentiation between each wristband type on sale, what comes with each and how to buy them
  • Visually separating out each level of festival partner and the category that they sit in

See how we solved these problems for Bristol Pride

See the project

Digital Design

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.

Colour

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.

Typography

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.

Pride digital style guide

Imagery

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.

The finished website for Bristol Pride

Continued support

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.

Are you a festival looking for a new platform?

Talk to Piers about your requirements

Get in touch
Back to top

Keep up to date with Atomic news