Creativity & Code

Sidekick

Sidekick had been undergoing an identity and branding revamp and as part of this required a new website moving from Squarespace over to Wordpress.

The website needed to be simple and easy to use and be responsive on different devices.

I was supplied a great branding document, detailing logo use, colour palette and the idea of vidsual patterns named “swopes” to act as abstract details within the pages.

Sidekick

The Tech Stack

We decided to go with Wordpress using ACF for a custom admin page builder. It is a really easy to use CMS and has great scalability for adding new features in the future.

The site required:

Developing a concept

After an initial kickoff meeting with the client by video ( we were just getting into the lockdown) I got to work taking the brand guidelines and information from the meeting to develop a visual style for the site.

With a killer set of colours and the really interesting shapes the concept came together quite quickly. Some people will probably think it old fashioned but I really love working in a dot grid pad with some highlighters to develop initial ideas. It is so quick to iterate and there is no danger of the client viewing them as final mock ups. They are precious and disposable at the same time!

I am lucky that drawing is an easy way for me to take thoughts from my head to be able to talk about them with people.
Iterating ideas on paper to get a feel for the layout needs no restraints of a computer program or even sitting at a desk.

After sharing these concepts with Hannah, she was happy for me to develop the design, often I would go straight to the browser at this point but in this instance I built up a visual set of blocks and styles in Sketch to guide the creation of a tool to build up the content in the admin of the website.

The basis for the site was mocked up in Sketch first.

Building a site that can scale

It is important to me to try and give the client as much flexibility as possible, ideally without resorting to Wordpress plugin page builders as they can get clunk and unwieldy and restrict the design.

I built up a series of blocks using ACF Fields so that each page of the site could be created by the client. This allows rows to be swapped and new pages created that keep the visual consistency but are not restrictive.

I also implemented a colour switch within the admin so that the client can pick the main colour for a page, this will then flow down through the design meaning the bullet points, headings and other elements take on the correct brand colour.

Making changes to this as we built out the site was really easy and would affect any page using that given part of the admin layout.

What the client said

“Sush was a delight to work with. I knew he believed in the project and was enjoying the process and that honestly made a difference. His attention to detail and commitment to see the project through to the very end was just what I needed. He was patient with me and definitely gave over and above my expectations. Thank you so much for making this fun and not just something to get done! I love the outcome - and so does everyone else! “ - Hannah Miller - Sidekick”

The team page reuses circular elements from the sidekick logo.
We used a show/hide navigation that reduced to a minimal size after scrolling down the page.

Exit the lockdown and prepare for launch!

Lockdown has been hard on everyone, this has been like a liferaft to cling to at times and we were flexible with each other in terms of hitting milestones as there was quite a lot going on in the world to deal with!

As things eased a little in terms of restrictions we looked forward to a launch. We had a date in mind, so as soon as we were in a good place with the development of the site we entered a phase of bug fixing and Quality Assurance to make sure everything was checked and ready to go.

This was one of those projects that just went to plan, and absolute joy to work with Hannah and Sarah and our approach, attitude and values just clicked. I am really happy with the final website and think it ties in perfectly with the new look brand and identity. It goes without saying, if you are looking for coaching either personal or, for your business get in touch with Hannah!

Who was involved?
My Role
Tech Stack

Timeline

Need help on a digital project?

Drop me a note or find me on Twitter and Instagram