Charnwood

Charnwood Stoves specialise in the design and manufacture of high quality wood-burning stoves. Charnwood had two separate websites; one was the main brand site, and the other was an eCommerce site for their spare parts and accessories. This project had the goal of updating the look and feel of the brand site and incorporating the eCommerce site elements to create one website that fulfilled both functions.

Charnwood
Categories: UX Design Web Design Web Development

Combining performance and aesthetics

  • Client:
  • Charnwood
The new website for Charnwood needed to fulfil a twofold function – showcasing the high-quality lifestyle imagery of the stoves and enhancing the high-end feel of their brand, whilst also providing high levels of performance for their SEO campaigns. This can be a difficult balance to strike, as highly visual sites can be slowed down by slow to load images in older formats. To combat this, we used next-gen WebP images sitewide and optimised each size required for responsive, giving the end result of crisp photographs and fast page load times.

Summary

52%
Increase in page views
12%
Decrease in site bounce rate
42%
Decease in page load time
Charnwood homepage before
Before
After
Slide toggle to view
Charnwood homepage

Design direction

Our designers worked closely with Charnwood’s Creative Director to review and refresh the digital identity for this project. Inspired by their history and high-end editorial design, we created a minimal and clear identity that let their stunning photography lead the layouts.

Charnwood Charnwood
Charnwood layout for mobile

Optimising for mobile

One key objective of the project was to improve layout and performance on mobile, as this was one of the areas that wasn’t working so well on their old website.

By developing clear and well structured mobile templates and fully responsive designs, we improved the overall user experience and helped contribute to a 12% reduction in bounce rate across the site.

Charnwood full homepage
Charnwood full product page
Charnwood calculator page

Photography-led design direction

Early on it was decided to make the most of Charnwood’s beautiful photography, with large spaces for images alongside minimal typographic elements. When making a luxury purchase customers need to be able to visualise how the item would enhance their home and life, and by ensuring that the photos did the talking in the new designs we allowed this aspirational feel to pervade the site.

In addition, we carried out typography research and testing which resulted in using a typeface linked to the company history, and complemented their distinctive and clean branding whilst not detracting from the imagery.

Best practice e-Commerce

The eCommerce section of the site was complex, as accessories and spare parts could be purchased online, whereas stoves could only be purchased through selected dealers. This meant reviewing user journeys based on which products users wanted to buy and how users would locate spare parts for a stove, especially as each stove had a high number of available parts and accessories available for them.

Following best e-Commerce practices we created product pages with a stronger visual hierarchy and a better display of information, with each stove linking to the relevant spare parts filtered page enabling users to navigate easily from either the stove itself or the dedicated spares section using search or filters.

Assisting the customer

We redesigned Charnwood’s stove calculator in order to create a better user experience, allowing them to discover their personal stove output requirement based on the room size information they entered. From there, the user would be forwarded to the stoves that would suit their requirements, giving them confidence that a particular stove would be right for their needs.

Want to see more?

We add new projects to our portfolio as we finish them, so check back regularly to see what we’ve been working on.