BSD Performance

Back in 2010, we were approached by Mark the owner of local motorcycle performance engineers BSD to design and build their first website. Since then, the website has been a massively useful tool for them and has helped grow their business. The site has undergone many changes since then including new sections and a responsive overhaul. Earlier this year they decided to change the focus of the business slightly to help incorporate the ever growing Engineering side, this led to a complete rethink of their web presence going forward.

It was decided that the current website would be split into two parts, BSD Performance and BSD Engineering. Each of these would get their own website but we decided to focus on BSD Performance first.

As the site would focus on the performance aspect of the business we wanted to highlight some key aspects of this side of the business, primarily the dyno results and the services they offer around this.

We wanted to incorporate this into the design considering it was such a major part of this part of the business so we decided to include a video as part of the homepage header showing a bike on the dyno machine. Not only does this clearly show users something visually interesting, but it also represents the entire website.

Before

After

View site

The new dyno results section includes a leaderboard of the top five motorcycles ordered by BHP. This is made up of a custom post type where Mark and his team enter various results from the dyno machine and we automatically calculate the order based on this.

A custom template was created for the main dyno results page which again orders the bikes but this time we use tiled cards with photos of the bikes. As you view a single bike you’re presented with an image of the bike, a shot of the dyno results and then we highlight the key figures underneath this.

Of course the services they offer around this needed to be highlighted so we decided to use tiles with a background image. These images help represent the services they associated with.

Also included on the homepage are their news and social feeds as well as some fantastic reviews.

The main news page includes a slider at the top which highlights the most recent five news stories which near full-screen images. All images are taken by the team themselves and really standout, drawing your attention and wanting to make you scroll through the rest other news items.

Our redesign of the site has given it an entirely new slick feel utilising high quality imagery, video and a much clearer focus on the benefits of their business. Currently, we’re working with Mark and his team on the planning and build of the BSD Engineering website.

Before

After

View site

The improvements really stand out when you look at the statistics provided by GT Metrix.

  • Before

    • PageSpeed Score: 64%
    • YSlow Score: 58%
    • Requests: 36
    • Page Size: 508KB
    • Full Load: 7.2s

Looking at this you notice everything is up apart from the page size, whilst you may consider that an issue in actual fact the page loads much quicker whilst including much larger images and loading video.

We’re extremely happy with the result and it’s been extremely enjoyable redesign. All of us here are looking forward to seeing how BSD Engineering turns out.