Most of us have to deal with changing fonts ,button colors and images after the website uploaded. We have to put in extra hours and efforts to fix the changes according to the client’s need. These changes could have been easily avoided by creating visual mock-ups after the wireframes.

Why do we need these Mock-ups?

There are various advantages of creating these mock-ups . Firstly, it gives clients’ a clear idea on what to expect in terms of color, graphics and fonts. It will also give you an opportunity to  explain why you have selected a particular font or a color or even a graphic. Second, as a designer it will give you more indepth understanding of  your client’s business, and vision. Since every web project is unique in it’s goals and needs, it’s very important for us as designers to understand clients’ goal. Our designs should reflect the same.

So next time you move towards coding consider doing a visual mock for your clients.

No matter what client’s need – the end result of the website should be a pleasant and engaging user experience.

There are various tools available for the designer to do the mock ups

• Balsamiq Mockups :  for more information visit http://balsamiq.com
• DesignerVista: http://designervista.com/
• pencil project
• Cacoo
• Mockingbird

Benefits of having Mockup:

• Client will know exactly where the text and images will be placed.
• Mock ups help in managing real estate of the web page

While drawing mock ups we focus on content and functionality, which is very important for success of a  good website . So next time you have a web project try introducing mock ups in you design process.

Located in Oakville, Ontario. Visit  us @  www.ipabla.com