I’ve long been a fan of Jesse Bennett-Chamberlain’s design work, and appreciate how openly he talks about his design process. Jesse was responsible for the recent redesign of the ExpressionEngine website, and over at Digital Web he gives us a warts-and-all walk through of the project. The article provides a fascinating insight into the workflow and problem solving methods of a talented web designer.
One thing that stands out to me about Jesse’s process is his use of wireframe mockups. While many web designers are content to scribble a rough sketch of the site layout and then leap straight into a full blown design, Jesse starts his designs by creating very accurate greyscale wireframe mockups. This approach seems to work very well for him, and you can observe how the strong grid structure and content organization of his wireframes are carried through into the final site.
Another tip I gleaned from Jesse’s Digital Web article is the source of the beautiful icons he uses on the site. They are created by Icon Drawer, and retail for $84, which seems very reasonable for a collection of 140 top notch icons.
Jesse’s article is the first in an ongoing Digital Web series called “The Working Designer”, in which leading web designer’s walk the reader through their design process. It is sure to be a fascinating series, so keep an eye out for future installments.Tweet