Process

Web Site Creation Milestones

1. Discover
We ask lots of questions, learn about your industry, and figure out what you’re after. The goal of this phase is to gain a deep and intuitive sense of your goals, competitors, and business plan.
2. Plan
We take what we learned in the Discovery phase and transform it into an actionable plan. We also define the budget, timeline, technology, and deliverables (such as briefs, sitemaps, and content outlines) needed to complete the work.
3. Invent
Strategic plan in hand, we move to the drawing table — this is where the design and concept begin to take shape. We keep sifting and refining our ideas until we’ve found the best possible solution.
4. Build
Now that we have our vision and solution nailed down, we can start executing. In this phase, all the pieces fall into place.
5. Deploy
We put the spit-shine on our work with user testing, quality assurance, and reviews. When we’re sure all development is complete, we deploy the project in a live production environment.
6. Manage & Grow
Once the project is launched, we establish a roadmap for constant improvement and future enhancements. We discover the true results of our work as we monitor the project’s growth over time.

The above information has been taken from Nosotros

Other design process Tony Geer

Logo Design Process

The brand identity design process

Steps of a Successful Logo Design Process

Information Architecture Links————————————

Site Map Examples

Apple

Google

Microsoft

U.S. Department of Justice

Wireframing

Wireframing Programs: Fireworks CS4, Microsoft Visio

960 Grid System

Ten pixel method

Wireframes

Konigi

How to Wireframe with Visio

Build a Promotional iPhone App Website Wireframe in Fireworks

Prototyping With The Grid 960 CSS Framework

Functionality Specification

Create Wireframes with Dreamweaver for functionality testing

Mood Boards

I came to realization that a web designer needs to create 2 types of mood boards. The 1st is collage that contains different screen shots from various sites. The 2nd is a more refined mood board. It contains samples of color palette, textures and patterns, photography and illustration,  typography, buttons and etc. I believe in most cases only the 2nd more refined mood board needs to be shown to the client.

Mood and Sample Boards

Website Mood Board Template

HTML Mood Board Template

Coding Your Site

Blueprint: A CSS Framework

Table Layouts vs. Div Layouts: From Hell to… Hell?

Markup Validation Service


Cross Browser Testing

Top 5 Ways to Browser-Test your Website

Run any browser from the web

Choosing CMS

How to Evaluate What CMS to Use

Process Links

Riverside Media Process

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>