Usually, I keep the sketches of every project I designed and use them as simple documentation. Sometime I might refer back to the old sketches for ideas and references. Here I would like to share my development process of Web Designer Wall with you. This article will show you how WDW is done - from start to finish.
Concepting
The design you see now is not my original concepts. I actually been through two versions before I finalized this one. Let's take a look at my original concepts:
-
Computer desk
My initial concept was to have a computer desk with an iMac or G5, bookshelves, magazines, plants, sticky notes, and a pull-down tag cloud. Then I thought it might look too similar to FreelanceSwitch, so I trashed it.
-
Wall concept
Then I came up this "wall" concept - a lot of sketches on the wall, a bookshelf, some design books & magazines, a Flash ticking clock (just to look cool), Ajax calendar on the sidebar, and some stickies.
Photoshop comp
Here was my first comp of the wall concept. I didn't like this comp at all. Somehow it didn't turn out as nice as on the concept sketch. Plus it looked too much like this site. Then I wanted to try another direction...
Another direction
Later, I saw a flower sketch that I drew (for fun) long time ago and I thought it might work on my design. I quickly scanned it and put in my Photoshop comp. I like it a lot!
Final
Finally, I decided to use the flower design and traced it in Illustrator. I chose watercolor style because I wanted the theme to look artsy and sketchy. The tag cloud actually took me a lot of time because I wanted to design a very unique cloud. I tried pull-down tag cloud, but I didn't like it. Then, I ended up with this plain and simple tag cloud. Here are some more development screenshots:
thnks
goooooooooooooood
min:(
taem
ignore weight
good post
(:
really, I do not know what to say. But thanks so much.
Your design process gives me inspiration to start working on something. The only problem is I can’t draw and don’t have illustrator. I do have inkscape, but have yet to use it.
Really great, thanks a lot.
Hi, I found your blog by accidently, and I’m also dreaming of being an artist in 3D field using Photoshop & Illustration, I was looking for some informations about design, and I feel lucky for having your tutorial site! ^^
Thanks for your offer and also giving such a nice inspiration about Design :)
Your blog are already got the my most fave list !
Great post but this site is changed :) It’s nostalgia.
Complex 41 saç bakım seti, tamamen bitkisel ve doğal içeriği nedeniyle güvenle kullanabileceğiniz bir üründür. complex 41İçeriğindeki bitki özlerine
(55 çeşit bitkinin özü vb.) aşırı hassasiyeti olan kişilerde saç derisinde bir miktarkızarıklık yapması doğaldır. Bu durumda kullanım sıklığını azaltmanız tavsiye edilmektedir.
well im sw developer but in the desing im pretty noob well now im discovering ilustrator thanks this post thks
hello thank you for this great post 23
Great share! Keep up the good work!
I like artcraft but I don’t have much creative ideals. So need to find some ideals from your webpapge. Thanks
Great post but this site is changed :) It’s nostalgia.
Söve makinası imalatı yapıyoruz Söve makinası imalatı yapan bir firmaya neden nofollow link ekeldiniz bilemiyorım
I like the wall idea better then the current site.
Feels a little cluttered and chaotic.
Great article! I like how you take the time to sketch up ideas before you actually get into Photoshop and make a mockup. Sometimes that is the best way to be more creative.
The closing date is May 2012 right ?
Hey, you used to write excellent posts, but the last few posts have been kinda boring… I miss your tremendous articles. Past several posts are just a little out of track!
I like how you take the time to sketch up ideas before you actually get into Photoshop and make a mockup. Sometimes that is the best way to be more creative.