website design process
I will start with a client consultation and gather the information I need to work towards a final website by following the steps listed below.
1. client consultation
2. creation of user profiles (as requested)
3. staging area (all site elements are viewable here)
4. information architecture (site map)
5. wireframes
6. visual design
7. protosite
8. final website launch
View a sample Staging Area of client work.
Click here »
Information Architecture
Process: I will meet with the client to discuss and make out category lists based off the client survey results that will help create the navigation and flow of the website. With approval from the client we can then move forward to Wireframes.
Use the arrow keys on your keyboard to navigate to other images
← ↑ → ↓
Wireframe
Process: The creation of the Wireframes comes from concepts put together by the designer that will reflect the location of elements and flow of the website. This is a schematic black and white rendering of the entire website. No color or photography is introduced. Once approved, we move to the Visual Designs.
Use the arrow keys on your keyboard to navigate to other images
← ↑ → ↓
Colors
Process: The color scheme is part of the Visual Design phase. This is a representation of color choices for the website. New and pre-existing brand color schemes will be broken down into tints and tones of each color.
Use the arrow keys on your keyboard to navigate to other images
← ↑ → ↓
Visual Design
Process: The Visual Design is the start of how the website will look based on client feedback and concepts. Each page is concepted using imagery supplied by client or purchased, client supplied text or placeholder text and colors from the color study. The Visual Design also shows a bit of the functionality of the site ie: Navigational drop downs, rollovers etc. are shown to give the feeling of a live site. Once approved the Protosite is built to the look and feel of the chosen Visual Design.
Use the arrow keys on your keyboard to navigate to other images
← ↑ → ↓
Click on the thumbnails to see the full sized images.
You can open multiple images at one time and arrange them on the page.
