When I started freelancing back in the nineties there was no Internet to search for valuable resources. You either had someone that took the same jump into the deep end and advices you with his/her experience or you had to figure things out along the way. That’s essentially how I did it. A risky path with mistakes along the way. How times have changed… I finally had time to read a little book that I received from FreeAgent
some time ago.
Just a while ago I wrote about a cool project I finished for a small start up company called Arriva
. I shared the logo design process
back then. Today I’ll talk about the design of the web site and I’ll share how I get started with my coding, how I prepare the different assets, which tools I use, and how I organise my files, my CSS (or better put SCSS) in particular.
A couple of years ago I created a lighthouse as part of an illustrated header for a web site. However, the illustration didn't get approved by the client. It was one of the first projects I shared a screenshot of on dribbble
. Today I'll show you how to draw this lighthouse scenery in Adobe Illustrator
. As always, I'll explain each simple step. With all these great tools at our disposal, this simple illustration requires you to use the Pen tool only once. I guess I did give the lighthouse a new home just like Dan Cederholm
stated in a comment back then. So let's get started!
It’s always great when you’re involved in the design of a project from the very beginning, and you can design everything from A till Z. Especially if you share the same passion about the project as the client. In this case: coffee, and riding your bike! Today I would like to share my experience on the design process of this project, called Arriva
, a small start-up company.
As a long time partner of Authentic Jobs it's my great pleasure to announce the new design
. It's a preview for now as it's a significant departure from the previous design, which were much more realign than redesign
. This version is both realign and redesign — an iterative evolution of a decade-old product and a complete design & code overhaul. Here's a small look into the design process…
Yes you read that right I'm working on version 4.0 of my blog :) Long overdue I know. Strictly speaking there should have been a 3.5 version in 2012 but that one was never released. If you are curious how that would have looked like you can find out after the jump.
Last weekend I decided to do another Skillshare class. This one has also been on my 'todo' list for a while Lettering for Designers: One Drop Cap Letterform at a Time
by the very talented letterer and illustrator Jessica Hische
. Just like last time, I had so much fun and most of all I learned a few things too. When Jessica talked about the power of the Pen tool, and shared her opinion about how and when to use, and to learn to master this tool… well I was constantly nodding my head all the time (well, sort of speak). She is so right. This class has tons of good advice about using the Pen tool and about lettering of course .
One of the projects I worked on a couple of months ago is a complete redesign of the CarenZorgt
website, a Dutch website for people who receive care or care for someone. It is an online application that lets you organise care, share info, make notes, plan tasks etc. and connect with a care provider to follow the medical dossier. This project included the complete redesign of the site, including a set of icons, the registration wizard pages, and all the illustrations.
In May 2011 I wrote about the design process
of the cover of the Adaptive Web Design
book I created for Aaron Gustafson. I reviewed
that book a few months later. More after the jump.