Picturesque
Website Design  
Search Engine Marketing and Optimization
Data Driven Content Management Systems
Stock Photography
Contact Us
Payments
 
Email Picturesque
picturesquepicturesque
p o box 32
effingham, nh 03882
 
603-539-9090  
Front page
Client login
| website design | search engine optimization | database driven content | photography |

Site Plan and Design

Now it’s time for the hands-on work to begin. This is where we organize the site allowing users to find information quickly and easily. Whether this is a $3,000 project or a $300,000 project, site structure can never be ignored. With a well thought out navigation planned, we have a solid foundation that impacts everything including the visual design.

We also create a few templates to determine what that visual design will look like. Here we decide on common graphics, colors and fonts. The goal is to create an overall interactive design that meets your needs and will smoothly translate to the finished HTML code. Our first testing of site flow and continuity of appearance begins here. We also document many important site elements to make site maintenance and future site evolutions that much easier.

 

Site View - Creating the Navigation

What content will appear on the web site? Once this is whittled down, we need to arrange the content to follow a site mapping. This arrangement of documents creates the navigation that our site visitors will use to maneuver through the pages of the web site. How easy is it to get from point A to B? How many steps to complete a contact form? Will we need a search page? All of these questions examined as we plan the site structure.

Page and Graphics Templates

Now that we have our site mapped, how are the individual pages to appear. Here we decide on fonts, colors, sizes, and graphic elements. Sample page templates are presented for you to choose from, crititique and make the final decision as to how the entire site will appear. By creating a template as a bases point, the site will have continuity and make for an improved user experience while at your site.

Protosite - Clicking Through Emptiness

Once a site map and page template have been decided, the protosite can be created. Most of the web site pages are created but with very little content. Most pages will have just navigation and basic, common graphics. This provides the opportunity to easily test the navigation of the website and get a feel for traffic flow through the site. Can users easily locate the information they will want at a certain point. Will users encounter dead ends? How many steps does it take to request a brochure from any given point in the site? All these questions can be easily resolved before any content work begins.

Click here for our next stage...Production.

 


Stage 1: Planning
Stage 2: Design
Stage 3: Production
Stage 4: Testing
Stage 5: Hand Off

Site and Visual Design with Protosite Testing



What is a Site Map?

A site map is similar to the folders and subfolders on your hard drive. Related pages are grouped together under a common heading. For example, on this site all pages related to search engine optimization are together under a page called "Search Engine Optimization". This site map is used to create the buttons and links that people will click on to move (navigate) through the site. Carefully planning your site map and navigation will encourage people to stay longer at your site because they can easily find the information they are seeking.




A sample of the site map for this site during our planning stage

Top Click the word Top to go to the top of the page
| website design | search engine optimization | database driven content | photography |

copyright 2004 picturesque, all rights reserved
email picturesque at info@picturesquedesigns.com

Picturesque
This website is completely database driven making it easy to edit from anywhere. Ask us how your site can do the same.