September 6, 2022

Website Design Style Guide Starter — Another Freebie

In a previous blog post I outlined the seven steps of my typical web design process. To further speed up that process I work from a Website Design Style Guide Starter for Sketch or Figma that I put together a few years back and updated July 2022. This freebie will help you to quickly organise your next project's typography, colours, shared styles, and other UI elements into a flexible, easy to use system powered by Sketch or Figma.

Read more

December 5, 2016

The Visual Web Design Process: Seven Steps

My typical website design process consists of three key stages: 1) Consultancy. 2) Design. 3) Development. This particular post is a very practical one. It describes the second stage - a seven step visual design process. By this point in the process, the consultancy package has been signed off. This should ideally include agreed project and creative briefs, wireframes, prototypes, technical specifications, budgets, and timeframes. So where do you start with step two, and how do you get into the right frame of mind?

Read more

October 17, 2014

Sketch + InVision UI Design Workflow

A while ago I discovered a dedicated UI design tool you've most definitely heard about called Sketch. It has two key advantages over Photoshop that made me switch in the blink of an eye.

Read more
x
svg-image
svg-image

© 2007-2025 blueandyellowdesign.com    /    🇬🇧 London    /    Contact    /    Terms & Conditions    /    Privacy Policy

© 2007-2025 blueandyellowdesign.com  /    🇬🇧 London    /    Contact    /    Terms & Conditions    /    Privacy Policy

© 2007-2025 blueandyellowdesign.com  /    🇬🇧 London    /    Contact    /    Terms & Conditions    /    Privacy Policy

© 2007-2025 blueandyellowdesign.com

🇬🇧 London
Contact
Terms & Conditions
Privacy Policy

© 2007-2025 blueandyellowdesign.com
🇬🇧 
London
Contact
Terms & Conditions
Privacy Policy