Thanks for this article, I think this is a great way to go.

I’m sure this will work for most of my projects, as I establish the exact content (copy and images), before I pick up a pencil.

Once the copy is agreed and signed, off, I then do sketches, and produce wireframes, based on the clients business goals.

It would be quicker for me to write up the html semantically as this will stay pretty standard e.g Header – Nav – Footer – Content – Secondary Content etc. The amount of time I spend producing layouts in Photoshop for approval, will probably be saved, in the reduced build time.

But then I only produce one design for each client.

Also I’d need to check that they were able to view the mockup in a non-IE browser, as the bug fixing and work arounds, I’d rather do, once they’d signed off the design.

Whereas I’d still use Photoshop but just for creating the graphics and testing elements out.

I’m going to try this out on my next project.

Thanks for a great bunch of articles… :)
Happy Christmas all.