From speedy workflow based quick tips and resources, practical techniques to create well designed interfaces.
I’ve been working on a recent branding project for a company called Go 2 Golf. It will be a website that will help people find golf courses across the UK. The first step for them was to have a logo made, this is the process I went through to make it.
Monthly design roundup #1 — eight well-designed websites I found this month, with notes on what makes each one worth looking at.
The Illustrator keyboard shortcuts worth memorising. Not exhaustive, but the ones that save you from constantly clicking through panels and menus.
A case study of the v6 redesign of iamsteve. Covers the new logo, sketching, wireframes and the full design process from start to finish.
LL Circular is everywhere right now — Google, Airbnb and more. This post rounds up alternatives available on Typekit, Myfonts and Google Fonts at different price points.
In the last post the basis for the visual style was set. In this post it will continue with that to complete the filters. There are some challenging areas like colour selection, as it can look overwhelming.
The previous post in the series completed the wireframes. They’re a solid basis for adding visual style. The content and interface elements required are all there. Further layout refinements, colour choices, typography and clarity improvements will be made throughout this post.
Continuing from the last post, which looked at the initial sketching and wireframe. This post will focus on the completion of each of the filters.
Exploring a tab bar approach to shop filtering on small screens. Most filter UIs fall short on mobile — this post starts the series with sketches and wireframes.
How to set up Illustrator to stay pixel perfect. Using snap to grid and saving a template means you won’t accidentally export on half pixels for logos and icons.
I’ve finally done the redesign of this website! Version five lived for longer than I ever intended. This post is going to be a shorter summary of the changes. I’ll be posting a full case study over the coming weeks.
‘How to distribute objects with equal spacing in Illustrator using align to key object. A quick tip that saves spacing things out one by one.’
