The solution

The process

Moodboards & branding

We began the process working with their new logo and exploring styles and where we could take the brand. We explored a new green colour pallet however we did go back to the original blue below. I chose to explore greens because they have connotations of growth, harmony, freshness, safety. The pairing with a dark charcoal created a mature look which leant on the agencies new direction. We wanted to push the freshness with the lemon/lime shade as an accent colour. Although it was liked, through company reviews it was decided the change was a little too much fro the brand and is something that can be evolved in the future.

I created three mood-boards to pick from and ran a collaborative meeting where we all discussed elements that were liked and disliked. From this I created a final look and feel mood-board, which is on the right. This was used moving forward to define brand elements and typographic styles. 

Wireframes

Once the visual elements had direction we moved onto creating wireframes for each page on both desktop and mobile. This process was quite light due to the project scope and included some research of competitors site structure.

​

I worked closely with the CEO to define each page's goals and reflected this in the page's hierarchy. We went through several rounds of iterations to ensure that all KPI's were met for both new clients and new employee users. I presented the pages in Invison and has regular communications with the team to get approval of each page. 

Full page designs

The full page UI designs were composed of numerous components and variants of those components. A huge change for the company was to re-platform and create structure yet remain creative in their look and feel. We had to make sure that the page designs did not feel so template like and it was a fun design challenge to apply the iconography/brand elements is an organised and structured modular way of thinking. A lot of lateral research was carried out and design trends to get inspiration on how to achieve the look and feel that the client was looking for. It was challenging at times to create the right style however through careful communication and branding workshops of key words and how they wanted the users to feel we were both very happy with the end results.