We worked with CSG to create a homepage wireframe and sitemap before we started any creative. It was really important that we understood the desired user journey/how many services there are and how CSG intended on categorising them. We decided to upgrade CSG to WordPress which would provide access to a larger amount of functionality and plugins.
The sitemap process led us to recommend a megamenu (a type of expandable menu in which many choices are displayed in a two-dimensional dropdown layout) for Services as there are quite a few subcategories of Service, and they all needed the same amount of website real estate.
We also used animation and interactive elements such as sliders where appropriate to differentiate CSG from their competitors who have more stereotypically plain websites.
IT is a typically difficult industry to get good photography for so we instead used branded elements, full-colour blocks and icons to make the pages more visually stimulating.
Case studies were really important for CSG, but we didn’t want these to be long, drawn out blocks of text. We designed and built stat blocks that allowed CSG to highlight key metrics and we built an anchor sidebar that allows a user to jump to a part of the text that appeals to them i.e. ‘the results’.
We provided CSG with a flexible text page template that allows them to add images/forms/text in a variety of positions. This would allow them to create more dynamics pages.
Click here to view the full website.