Let’s Build: A Consultancy Website – Part 4

Part 4 continues my journey of creating a style guide or design system for what could potentially be the upcoming design of the website.

The point of the design system is to introduce components that will appear throughout the site as well as be an accurate reference for a developer ( me in this case). If you’re a designer you may notice that I don’t go into great detail. This is simply because I plan to do the more repetitive and explicit design in code.

Conceptual Phase Engage

For this part of the design phase, I’m still conceptualizing what could be a possible outcome in terms of aesthetics. The rather long and mundane task of finding typography, adjusting weights, sizes, and overall styles is tedious and honestly a little boring, but I promise it’s really worth all the fuss once we are knees deep in code looking for creative direction.

In the series to come you will get to see another style guide I complete behind the scenes that I later modify completely to use inside our initial design comp. This will then pave the way to a higher fidelity design which is to come. Stay tuned for more!

The Series So Far