Posts Tagged ‘PSD to HTML’

Anatomy of Professional Website Design – Part 2

Posted December 14th, 2008 by Antonio Wells in Category: CSS, Web Design, Website Design Anatomy with 3 Comments »

Part 2 of the “concept-to-completion” series focuses on the Design of a Professional website. In the previous article, Anatomy of Professional Website Design – Part 1, we discussed the Creative Direction, Sitemap & Sketches. The following series will focus on the Development and the Flash Animated Introduction.

So stay tuned for the complete anatomy (You can stay updated by grabbing the RSS feed or stay posted via Email Updates)

Design – now we can crack open Photoshop!

Now that we’ve taken time and analyzed the scope of project, we have our creative direction, Sitemap, and sketches we can now crack open Photoshop. (See the before and after in the captions below)

Plan D Website Sketches Here is a screenshot of the original Photoshop design layout, notice the owners portfolio shot, it was changed towards launch as her clothing color scheme did not compliment the webpage design.
(Right: Here is a screenshot of the original Photoshop design layout, notice the owners portfolio shot, it was changed towards launch as her clothing color scheme did not compliment the web page design. Left: Plan D Website Sketches gave me an opportunity to establish page structure, draft the homepage splash, interior pages, and other notes.)

Continue Reading…