Skip to Content | Contact | RSS

Design Process: Sketching

Previous Post «Next Post »

It usually only took several minutes before I would begin sketching website layouts amidst my notes for class when I was in college. While not always good for my grades, it helped me distill ideas into physical form and provided creative direction for future designs.

This site was the subject of many sketches; from the faraway thoughts of what it would be like to have a web design company to deciding what content to display on the home page, sketching was always involved.

I thought it would be fun to put all these sketches together since you can compare them to the final design. I collected most of them and have provided them as a slide show in Figure 1. They portray a nice design narrative of the early (and later) design stages of this site.

sketch thumbnailsketch thumbnailsketch thumbnailsketch thumbnailsketch thumbnailsketch thumbnailsketch thumbnailsketch thumbnailsketch thumbnailsketch thumbnailsketch thumbnailsketch thumbnailsketch thumbnailsketch thumbnailsketch thumbnailsketch thumbnail
Figure 1: Sketches for the Design Canopy (click on any of the thumbnails to start the slide show).

Commentary
May-22, 2007 1:13 am
Eric Eggerthttp://yatil.de 1

Very inspiring stuff, thank you for sharing.

May-22, 2007 4:01 am
Respiro the logo design guyhttp://www.relogodesign.com 2

Mr. Yeiser, I think that publishing these sketches you proved sincerity and courage. Both because you showed what others wouldn’t show ever. I mean… such sketches could be interpreted being “too simple” by some of your visitors, but, on the other hand, they show the truth face of a project’s preparation.

In many cases, I work in the same way.

Best wishes,
Respiro
RespiroMedia.com

May-22, 2007 9:14 am
David Yeiser 3

Thanks guys, I’m glad you enjoyed them.

Oct-23, 2007 9:03 pm
The Other David 4

I should show you some of my sketches I did for the website (one of the websites) I someday intend to have.

Participate in the discussion by leaving a comment below.

Fields labeled in bold are required. Basic XHTML is allowed.

Everything | Entries & Asides | Entries Only | Asides Only | Photos Only