Brand Design: Flat Icon and Logo Development for John The Go
John the Go is an international travel blog created by a British Expat living in Germany. John the Go recently contacted Brown Leather Book to create a brand new logo and icon set.
Finding the North Star of the blog
What John started with initially, was inspiration on the web that he found during his research. We exchanged a couple of screenshots, shared a couple of links and discussed the factors that he like about his new template. This included things like the font, the colour and the navigation.
Getting the creative juices flowing
With a mission in sight, it was time to think about the logo and icon design. John already had a couple of ideas in mind:
While these ideas were developing, John and I decided that we needed to working in the following things on his blog:
Creating a new logo
Finding a new colour scheme
Creating custom icons
John also already knew how he would be grouping his content on his travel blog.
City Breaks
Into the wild(hiking)
Backpacking
Off the beaten track
The web is full of inspiration and resources, so we were quick to find a style that could fit into the blog.
Finding the colours
Based on the samples and the sketches John sent me, I was able to create some icon samples that I believed could fit into his category. After I had a considerable amount of variations, it was time to colour them. Based on the colours he was using already, I send him some colour samples.
(imges colour scheme)
It turns out John really, really, likes yellow. But we still decided to work with this colour set first. I quickly created some icons with the provided colour scheme to get his first feedback.
Fine tuning
And then you get a message like this
Turns out John loved the icons, apart from the bike. That icon wasn’t my favourite either. So we killed the bike.
In the meantime, John had tested the new colour scheme on his blog. Thus we encountered the first issues:
The white colour wasn’t really suitable as a button, and while when implementing it on John’s map, the blue was quite dominating. Maybe four colours weren’t the best idea for this blog set up after all. They just weren’t vibing.
So we went back to the drawing board and decided to go for two colours that would flow through the entire homepage.
And then, jackpot:
John fell in love, with this yellow.
And thus these icons were created:
Building the Logo
For the Logo, John was envisioning a mix of three different fonts, but all presented together as one word. So the ideation began:
John’s favourite version:
EUREKA :D
Bug fixes & Formatting
Submitting the design package doesn’t end there. Usually there are formatting issues during an export. Therefore I always make sure that I offer one or two reviews after submission.
Some examples include:
Weird cropping:
White lines in the icon:
These were quick fixes, I seek perfection, and don’t like submitting bad quality. The whole process took us about 2-3 weeks and I must say that it was such a gratifying experience. All the logos and icons worked perfectly on the blog and were uploaded successfully.
Want me to create some icons for you? Get in touch.
Special thanks to JohntheGo.