Caspar-Alexander-Linkedin-cover-photo-2_

Caspar Alexander

UI/Ux website

client & task

Year

2020

Location

London & remote

Founded in London by a stellar team of tier 1 headhunters, Caspar Alexander provides specialist mid-tier search services to companies starting up, developing through rounds of funding, or undergoing strategic change.

  1. To create the logo and brand identity

  2. To create a site structure that meets the client's requirements 

  3. To create UI that has a high end yet diverse look & feel

Shape 1.png

We began by designing Caspar Alexander's new logo & some light branding work. Then working closely with the founder who had a very clear vision of the website requirements and the developer we created wireframes to indicate the flow and hierarchy of the one-pager site. I researched what competitors are doing and best practises. We then repeated the process for the mobile designs, as the focus was 50/50 for both mobile and desktop. One these were approved we moved on onto the UI phase. We applied and evolved the new branding to the designs. After a few rounds of client feedback, these were approved and a light digital brand style guide was created. 

The solution

The process

Step 1 - Logo & branding

We started by defining five key words for the brand and understanding where in the market they intended to sit, who their customers/clients are intended to be. This was an inspiration to start creating logo options. The founder had colours in mind for the pallet which we built upon and evolved. We had two rounds of logo ideas and meetings to go through each option, and eventually fused ideas together to create the current logo. 

Step 2 - Wireframing

The next stage was to create wireframes for the site for both mobile and desktop. We ensured we got the focus of the hierarchy right, prioritising the user's needs.  

Step 3 - UI designs

The next stage was to create UI designs from the wireframes and to apply the new branding. We explored different photography styles and agreed on a diverse collection of race and men and women. 

Logo Variants@2x-100.jpg
Capar Alexander - Wireframe 1@2x.jpg
Caspar Alexander - mobile wireframe@2x.j
Desktop - Final option@2x.jpg
Mobile - Final option@2x.jpg

Step 4 - style guide

To inform the client and any potential new designers of developers that may join the team about the brand, I put together a digital style guide for the newly created brand. 

Screenshot 2021-03-17 at 10.49.30.png
Screenshot 2021-03-17 at 10.49.40.png
Screenshot 2021-03-17 at 10.49.51.png
Screenshot 2021-03-17 at 10.49.57.png