National Energy Foundation Website and Eco Hosting

With NEF, it was essential to understand the issues surrounding the old website outside of the unresponsive infrastructure before starting to design an overhaul. So we made it clear to stakeholders involved that to tackle the brief’s requirements, we’d want the design and development work to better harmonise with the day-to-day practices of NEF in a more proactive way.

We began, where we do most projects, in a collaborative phase of work based on the strategic needs of the website. How it can address the aims and aspirations of the organisation, and how both parties intended to have this ‘tool’ work for them in the future. With a recent change in focus for NEF, new hires, leadership and fresh projects on the horizon, we also held a ‘Brand Awareness’ workshop with staff members that allowed discussion and feedback, which helped generate a consensus for the approach we’d eventually work on further.

NEF’s position of authority emerged from this workshop, allowing us to focus on ways it might blend with the human-focused offering of its everyday activities. Confidence reflected in the style choices and tone of voice allowed use to amplify the existing elements of the visual identity, particularly the colour palette, into a much more dominant feature. Some consultation surrounding the brand guidelines in place also provided room to move away from the older typography towards something more approachable and ultimately more flexible for use in digital environments.

We also aimed to embody a sense of ‘energy’ with some of the animation choices used to draw visitors down through the web pages. Growth and movement effects becoming a stand-in for the sector NEF is involved in and deployed while referencing the existing logo glyph where possible to link the two. Nods that presented the organisation’s role as leaders also became a way to add personality to web pages. For example, the copy on the homepage – tying together elements by using the brand colour to switch the register of the headline between ‘your and our’.