Overview of the Website Creation Process

On this page, I will summarize the process of creating a website, followed by examples of each stage in the following pages.

Before even deciding how a website will look, a few other factors need to be determined first. The site's goals, target audience, and functionality need to be determined. Initiating the information architecture process is the first thing that needs to be done when designing or re-designing a site.

Information Architecture is the foundation for great web and multimedia production design. It is the blueprint and foundation of the site upon which all other aspects are built: form, function, navigation and interface, interaction and visual design.

The Information Architecture Process

1. Determine website's short-term and long-term goals
2. Define the target audience
3. Analyze competitor sites
4. Determine website content
5. Determine website functionality requirements
6. Create website structure
7. Map out the global and local navigation
8. Create a site map/architectural blueprint
9. Create a wireframe to layout functionality and text/images

Visual Design

Once a wireframe has been created, the next process is to have the overall look of the site be designed. Mock ups are created through programs such as Photoshop and Illustrator.

Coding

With the visual layout created, it is then time to build the site through code:

• HTML - markup language for webpages
• CSS for styles and layout
• Javascript and JQuery for functionality and form validation
• PHP to create dynamic and interactive webpages
• XML to transport and store data
• SQL to access databases

Project Management

Successful web development projects are the result of effective project management. Organization is key. From writing documentation and creating timelines, to managing deliverables and facilitating meetings, efficient project management is vital in delivering your product to your specifications and satisfaction in a timely manner .