Design insights and articles straight to your inbox

Thanks for signing up!
Something went wrong! Try again

Join 1,100+ designers  ·  Unsubscribe at any time

British Horseracing Authority

Overview

Firedog worked with the British Horseracing Authority to redesign their online experience. Starting from the ground up. We heard from many frustrated users that the existing experience was very challenging to navigate.

 →
 →

My contribution

Strategy Product design

The team

1 × design director 1 × project manager 1 × designer 2 × engineers

Year

2015

A look at the BHA's new website

Process

The process was kicked off with a top-to-bottom visual exploration of colour palettes, typography, use of imagery and iconography. Along with thorough sector research to explore trends and best practice within the horse racing industry. From this several concepts were designed and a route was subsequently chosen by the BHA to further develop.

I worked alongside the digital director to design numerous page templates and push a consistent visual language across a variety of page templates. One of the biggest challenges on this project was reworking the way users navigate through the site. With such a wide variety of users — and each with their own unique skill-level — it was a tough challenge to cater for all use-cases.

One way we overcame this was to split the site-architecture into five more regimented sections that provided a strong backbone to the website. Secondly we introduced an improved way to access more of this better-organised content.

We brought in a fixed side navigation with direct access to the four key, colour-coded sections and search, which also allows you to access a second level of content on hover.

A photoshoot from two horse racing event locations gave access to a whole host of creative imagery for use throughout the website — resulting in a friendlier, personable and more approachable feel to the photos.

Sketches for rough page layouts
Designs for the BHA web experience
Designs for the BHA web experience
Designs for the BHA web experience
Designs for the BHA web experience
Designs for the BHA web experience

Outcome

A clean, vibrant and appealing responsive website for the BHA. The new website is colourful and visually engaging with a focus on providing a simple way to navigate through the site for all levels of user. We managed to pack the site with more detailed and relevant information, yet we did it in a much more manageable, accessible and engaging way to the end users.

 →
 →