1. Intro
  2. Moodboard
  3. Typeface
  4. Icon Design
  5. Colours
  6. Grid
  7. Desktop Mocks
  8. Mobile Mocks
Scrapbook

Task

Tasked with reviving the current brand to align with how the business has developed over the years. This included new brand identity, imagery with the likes of photography, icon and new website which would funnel future software projects but primarily be used to help hire new applicants into the business.

Soultion

The direction taken in regards to the site design was to go with a modern corporate feel but split the site into two halves. The homepage would be the customer and business-facing part of the site using clean design, strong calming colours giving of a sense of security, trust and then maximise on whitespace as much as possible. The direction taken in regards to the site design was to go with a modern corporate feel but split the site into two halves.
The homepage would be the customer and business-facing part of the site using clean design, strong calming colours giving of a sense of security, trust and then maximise on whitespace as much as possible.

The other part of the site would be used for recurrent and targeted for developers across the entire code stack. There was a lot of discussions and mocks produced and in the end, it was decided that we should go with a dark theme which developers could relate to along with eye-catching icons, impactful imagery while still keeping the corporate blue aesthetic.

Moodboard

Sitting down with the business director allowed helped narrow down the direction the business is heading going forward and helped create the aesthetic for the designs and photography.

Typeface

Keeping in line with the aesthetic choice we went with a sans-serif, monospaced font and narrowed it down to a select few.

The finalised list was then used on top of some POC's to help us make the right choice which you can see are circled and also rendered below.

Keeping too 1 font face that uses two typefaces is also great to help reduce load times.

Icon Design

We had the typeface but now needed to figure out a brand logo. After producing the moodboars it was to pick up the .5 Uni Kurutoga Pipe Slide and started jotting down idea onto dot paper.

Countless meetings and many alterations later we had a rough list which we then rendered digitally. Doing so helped speed up the process when it came to choosing the right colours and overall polishing up the select list.

we wanted anyone viewing the site may they be a customer or a developer know that the business was a Scottish company which is how we ended up with the final designs below.

Colours

Grid

Desktop Mockup

Mobile Mockup