---
title: Retrofitworks
url: 'https://byintention.co/sustainable-web-design-projects/retrofitworks'
markdown: 'https://byintention.co/sustainable-web-design-projects/retrofitworks.md'
date: '2026-10-02'
description: 'Redesigning the Retrofitworks WordPress website helped refine their message and WooCommerce also helps them sell memberships.'
taxonomy:
  service:
    - 'Web design'
    - Ecommerce
    - Maintenance
    - Hosting
---

# Retrofitworks

![](https://byintention.co/user/media/headers/header-retrofitworks-m.jpeg) # Retrofitworks

 Web design Ecommerce Maintenance Hosting 

**This bright, focused redesign for Retrofitworks helps get their message across and enables online sales.**

Retrofitworks offer consultancy and project management to improve energy efficiency in existing homes. We redesigned their website to refine their message and upgrade from a template to a custom design.

> “Intention provided a thorough and tailored service, which helped us create and communicate exactly what we needed for our new website. Would use them again any day of the week.”
> 
> **Natalie Ferraro, Retrofitworks**

 ![](https://byintention.co/user/media/retrofitworks-eco-web-design.jpg) 

## Design

The challenge with this project was getting across what Retrofitworks offer and who can benefit from their services. It’s a complex offering and the site needed to appeal to various target demographics, explaining how it works in an easy to understand format. With strong colours in the logo, we picked those and the ellipse up to create a bold homepage that aims to avoid being too boxy.

## WordPress Build

We then turned the designs into a custom WordPress theme – we don’t use templates or page builder plugins. This keeps the speed up by only using the code that’s needed and avoids any recurring license fees. It’s all easy to use behind the scenes too with the use of [Advanced Custom Fields](https://www.advancedcustomfields.com/) to allow Retrofitworks to create their own attractive pages at any time.

A private ecommerce area built with WooCommerce allowed orders to be processed and customer details retained. A forum was also added for members to communicate with each other.

This is all finished off with a good dose of browser and device testing, along with some basic accessibility (AKA 'a11y') checks to ensure as many people as possible can access the website.

## Green Web Hosting

The new site ran on our [green web hosting](https://byintention.co/green-web-hosting), a perfect fit for the environmentally friendly focus of Retrofitworks’ business.

## WordPress Maintenance

We helped keep the website up to date and running smoothly with regular WordPress updates and any minor fixes required. The server software (PHP), WordPress and plugins all change over time and it’s essential to keep up to date to prevent any functionality or security issues.

## Summary

This bright, focused redesign for [Retrofitworks](https://retrofitworks.co.uk/) helps get their message across and enables online sales. If you need a new site or redesign for your environmental or ethically oriented business, [drop us a line](https://byintention.co/contact)!

## Get in touch

If this is the kind of project you'd like to do, drop us a line for a no obligation chat about how we can help.

 [Contact Us ➞](https://byintention.co/contact)

---

## Navigation

- Parent: [Projects](https://byintention.co/sustainable-web-design-projects.md)
- Previous: [Nottingham Bikeworks Charity](https://byintention.co/sustainable-web-design-projects/nottingham-bikeworks-charity.md)
- Next: [Swaffer Psychology](https://byintention.co/sustainable-web-design-projects/swaffer-psychology.md)

<!-- Added by Intention Header Footer Code plugin -->
<style>
@media only screen and (width < 48rem ) {
.home {
  #panel-6 {
    .container {
       text-align: center;
       .five {
         hyphens: none;
       }
    }
  }
}
  .page-contact .padded:first-child {
    padding: 0 0 2rem 0;
  }
}

.page-green-web-hosting {
  #panel-7 .bannerTint {
    background: none;
  }
  #panel-5 .text {
    width: 100%;
    flex: 0 0 100%;
  }
}

.page-sustainable-web-design {
    #panel-9 a:hover {
      color: var(--colour-text);
      text-decoration: underline;
    }
    #panel-9 .five {
       overflow: hidden;
    }
}
</style>

<!-- Added by Intention Header Footer Code plugin -->
<!-- Privacy-friendly analytics by Plausible -->
<script async src="https://plausible.io/js/pa-cDclpJQ-AUrkOCoNdz35l.js"></script>
<script>
  window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
  plausible.init()
</script>