Norfolk Profile Roofing came to me looking for a bit of help. They’d looked at making their own website through one of the more popular platforms that allow you to use a drag and drop builder. Despite how easy those platforms make it, they just weren’t sure what to include on the website and how to make it stand out.
As a new company, they were looking for something cost effective and something they could largely manage themselves moving forward.
I recommend WordPress along with some preliminary User Experience work to make sure the website provided the most relevant information in the best possible way.
As with most projects I undertake, we also carried out some User Experience (UX) work. We brainstormed some user personas to help us assess what potential customers would want to know and see when they first land on the website.
That UX work provided a great foundation for the rest of the project. It gave us a good understanding of what potential customers would likely want to see and know when they land on the website. It also gave us an understanding of what sort of people would likely want to purchase the services (which can also influence the design itself, not just the structure of the pages/information contained on the website).
I also created some basic wireframes, using that UX work we carried out, to quickly iterate through ideas for the layouts of most of the pages. On top of that we were able to decide on what content would be required. Norfolk Profile Roofing provided that content, which I was happy to proof read.
The design and build
With the UX, wireframing and most of the content writing completed I was able to design and build the website. As I mentioned before, we wanted to use some of the colours of the materials they use in hard metal roofs. “Zinc” grey might not seem like the most exciting colour but it contains subtle hues of other colours such as blues in there too. Copper stands out much more (although I did opt for the brighter new copper look, rather than green copper which has been out in the elements for some time).
Throughout building the website I also kept in mind that Norfolk Profile Roofing needed to be able to edit as much of the content as possible.
Here’s a screenshot of the final homepage for their new website.
As well as typical work I carry out once a website is built (such as testing it extensively and setting up any plugins to ensure it’s as easy to manage as possible), I also created training documentation for Norfolk Profile Roofing to show them how to carry out certain tasks. Those training documents included how to place additional images in the gallery, add testimonials to the website as and when they get them, and how to write blog posts etc.
Sitting down with a client to show them how to use their new website can be great, but Norfolk Profile Roofing felt written documentation would be a bigger benefit as it’s easier to refer to if they needed to.