Infotel UK Website Redesign

Following the success of the Infotel Highlight Reel showcase page, I was given the opportunity to completely redesign the public facing company website. The goal was simple, with the aim to be consistent, more accessible and a clear message as to what Infotel is to strengthen the brand of Infotel.

The Challenge

There were many challenges that were to lie ahead when it came to the redesign. All these issues combined meant that the infotel brand wasn't necessarily clear and hard to understand overall: Inconsistency in the usage of colours Inconsistency in the font hierarchy and font families which are used Inconsistent use of imagery, quite often it was obvious images were just picked from a generic stock image site just for the sake of it. Issues with page layout - no logical flow or purpose to it, more just there for the sake of it Next to no consideration for mobile responsiveness

The Solution

There was lots of things we needed to consider when it came to the overall solution. One of the main things was more so to do with the order of work. Not only with the role out and development of the work, but also the work which needed to be done before certain pages could be done. This was how all of the work was done: A full scale review of the site was done to see which could be improved from a technical perspective. With Google Lighthouse findings, it was important to optimize the code in the back end to aid with SEO A comprehensive style guide full of fonts, colours and components were setup which can in turn be used not only in figma, but also in the WordPress site to further maximise brand consistency Decision on an image/vector library to be used in the heroes of pages, as well as in the body content themselves. Producing pages, section by section as per the site hierarchy, focusing on the services and solutions pages, blog pages, about pages, blog pages and home page. The order of rollout was based on user findings in terms of page traffic overall.

The Results...

Below is a sample of all completed page examples done as part of the overhaul of the Infotel UK Website. Should you wish to view the site you can do sohere