Angle initially started work with Brachers to aid in the user experience of their old website. With two different navigation bars on the old website, there was some concern that users were not locating the information they were looking for, so Angle's task was to find where users were trying to go and where they were leaving in order to build a redesigned website that is easier to navigate.
To start we used some clever heatmapping tools which showed us where users were clicking, scrolling and leaving the website in order to build up a picture of where the website was causing most frustration and confusion for the user. Once we had analysed the results of the heatmap we could start brainstorming and designing the new website to provide an improved user experience.
The first proper stage of design, after working out the most problematic parts of the website, is creating the wireframes. Wireframes are a very basic black and white version of the website, we established initial page layouts and the general user journey in the wireframes to get to these pages to ensure that it was easy to navigate around the website.
A client’s favourite part of the project is seeing the front-end being built as this is where you can really see the website coming to life. Building the front-end includes adding all the colours and specific design concepts agreed between Brachers and our team.
The back-end development combines and integrates the CMS (content management system) with the front-end code, enabling the client to input their desired content. This is often the longest stage of the project we work tirelessly (with a lot of coffee) to ensure, from an admin point of view, the website is as user friendly as possible.
The result of the build is a redesigned and easy to navigate website containing content in a wide range of services and knowledge items, some of which even date back to 2013.