Was going through some files and papers of a recently completed project and thought I would share in pictures a bit of the process. Enjoy!
Rough Site Map Sketching
Final Site Map Created In Illustrator
Rough Wire frame Mock Up Sketches
Final Wire frames Created In Illustrator
Final Designed Pages
You can visit the live site here.
Care to comment?







Kyle Gallant
11 months ago
This was a pretty inspiring post, always interesting to see how others go through the process. I’ve been slowly learning how to code for awhile now, but I think my design planning/process are sub-par… a great illustration of how an effective design process delivers excellent results.
Joel Beukelman
11 months ago
Love this. Great idea. Site turned out good!
Dubai Graphic Designer | Tony
11 months ago
It sure is amazing to see how your site turned out from planning to the application. This will inspire all people to plot out the things they want to do first in order to come up with the results they wanted.
Josh Hemsley
11 months ago
So awesome! I love seeing the different processes designers take… and of course the visuals give a sweet inside look on how it all comes together.
Great site man!
becky grant
11 months ago
Wow! That was pretty intense. I don’t think I could ever do that kind of thing. How long have you been working with designing? Honestly as the others have mentioned, this is really inspiring for us non techies to actually try something and expand our knowledge.
Aaron Irizarry
11 months ago
Very Cool man… I
love seeing the process… it is awesome when you actually get the time on a project to be thorough, and work on the details. Elliot Jay Stocks does a great job of outlining this process in his book “Sexy Web Design”.
I really think working this way also helps with client communication, as they get to see the blueprint, and progress.
~ Aaron I
kyle steed
11 months ago
This is a great post Josh. Showing the whole design process from initial thought to final product is great to see. I wish more people would post up this kind of detail, so we can see the decisions that had to be made, instead of just seeing the final product in all its glory.