If you can get along with everyone and everyone loves you, then you don’t stand for much. A person who stands his ground for his principles and won’t compromise his integrity is not loved by everyone. — Larry Winget

Web Site Redesign Part 1 – Wireframes & Photoshop

Maverick Web Creations Redesign Wireframes 1 Maverick Web Creations Redesign Wireframes 2 Maverick Web Creations Redesign Wireframes 3 Maverick Web Creations Redesign Wireframes 4

Before I finalised the new design of this web site, I spent some time making some sketches on paper. These sketches are called wireframes in web design terminology. They can also be done in software but I prefer to use pencil and paper.

I try to be as exact as possible to determine the optimum width and height of all the elements on the web page. Sometimes, I have to edit the design in Photoshop because the design in the sketches didn’t really look good in Photoshop.

Maverick Web Creations Redesign - Photoshop 1 Maverick Web Creations Redesign - Photoshop 2

These are the current designs I have done in Photoshop at the moment. I am still working on the home page’s slider to determine the best way to display the content I want.

After I have completed the design, I will code the WordPress theme in Dreamweaver and make it look as close to the Photoshop design as possible. Most of the time, I manage to make a pixel perfect copy of the designs into the browser.

Similar Posts

Facebook Comments

Post a Comment


(Required)


(Required)