Member Articles

Write an article!

6 Phases of the Web Design and Development Process

What to expect when working with a web designer

by Selene M. Bowlby  |  893 views  |  1 comment  |        Rate this now! 

Target audience is one of the key factors taken into consideration. A site aimed at teenagers, for example, will look much different than one meant for a financial institution. As part of the design phase, it is also important to incorporate elements such as the company logo or colors to help strengthen the identity of your company on the web site.

Your web designer will create one or more prototype designs for your web site. This is typically a .jpg image of what the final design will look like. Often times you will be sent an email with the mock-ups for your web site, while other designers take it a step further by giving you access to a secure area of their web site meant for customers to view work in progress.

Either way, your designer should allow you to view your project throughout the design and development stages. The most important reason for this is that it gives you the opportunity to express your likes and dislikes on the site design.

In this phase, communication between both you and your designer is crucial to ensure that the final web site will match your needs and taste. It is important that you work closely with your designer, exchanging ideas, until you arrive at the final design for your web site.

Then development can begin.

4.) Development

The developmental stage is the point where the web site itself is created. At this time, your web designer will take all of the individual graphic elements from the prototype and use them to create the actual, functional site.

This is typically done by first developing the home page, followed by a “shell” for the interior pages. The shell serves as a template for the content pages of your site, as it contains the main navigational structure for the web site. Once the shell has been created, your designer will take your content and distribute it throughout the site, in the appropriate areas.

Elements such as interactive contact forms, flash animations or ecommerce shopping carts are implemented and made functional during this phase, as well.

This entire time, your designer should continue to make your in-progress web site available to you for viewing, so that you can suggest any additional changes or corrections you would like to have done.

On the technical front, a successful web site requires an understanding of front-end web development. This involves writing valid XHTML and CSS (Cascading Style Sheets) code that complies to current web standards, maximizing functionality, as well as accessibility for as large an audience as possible.

5.) Testing and Delivery

At this point, your web designer will attend to the final details and test your web site. They will test things such as the complete functionality of forms or other scripts, as well last testing for last minute compatibility issues (viewing differences between different web browsers), ensuring that your web site is optimized to be viewed properly in the most recent browser versions.

About the Author

Selene M. Bowlby is the owner of iDesign Studios - www.idesignstudios.com - specializing in creating custom web sites that are uniquely styled and well coded. Selene is an entreneur, web designer and front-end web developer with ten years of professional experience in the design industry. She just took the freelance plunge and just happens to be a work at home mom, too!

Read more by Selene M. Bowlby

Leave a comment

1 comment so far...

  • As someone who has now worked on several sites, including WIM:), I thought this was great and very practical advice -- frankly, I wish I had something like this to guide me conceptually through the process before we started. Thank you for sharing this!

    Flag as inappropriate Posted by Nataly on 29th March 2008

Have a question?

Check out our popular Q&A area to ask questions and search for answers.

Quick recipes

Check out our favorite quick and easy recipes, perfect for busy moms.

Affordable Luxuries Blog

Check out our daily picks for affordable luxuries for you and your family.

Subscribe to our Weekly Newsletter