Tag Archives: draw

Branding exercise.
Part 1

Too often I find myself giving away to much information. In certain times, it is best to curate the information you want to present. I have, along the years, come up with various ways to present my work through portfolio websites. Each try, I would refine and surpass my abilities to create something truly unique and “out there”. I wanted to show off, which is great … if it works flawlessly. My portfolios were not flawless. They might never be, and this is alright, but I have come to the conclusion that the online portfolio must remain simple. Spectacular, yes, but simple. You must welcome the visitor, rather than attacking him with a lot of different things that he or she does not want to see.

If you head out to my current root portfolio, you will find a simple selection of my works, which works beautifully, as it was curated and designed carefully to guide the visitor into a world, my world and my vision of design.

However, might this be as beautiful as it is, this simple one-pager does not provide a lot of information about me, as a designer, as a person or as a brand (design identity). I do have in my possession a pretty neat branding guidelines, I have some nice colors, some shapes and a typographic hierarchy that helps me identify as a designer. I have them in the real world, they are my business cards (more on this another post).

In order to consolidate my branding online, I conducted this small experiment (demo). It is based on a collab I have done with one of my friends. Simply put, using p5.js, you can draw a simple rectangle, one of my shapes, using your mouse (drag and release). It really gives the visitor the chance to get inside my world (a world of geometry, colors and typography). You may notice that the rectangles are not very straight, they are rotated to my own angle. I used some (quite a lot) of my trigonometry knowledge to redraw the rectangles between two mouse points, while having that “iconic” rotation. Add to that the thick yellow stroke and I have all the ingredients for a nice interactive web branding.

That’s it, and keep coding.