Home Articles Resources Glossary   Visit the Genesis Box website
page header: Articles

 

The Website Design Process

Through years of trial, error and experimentation, Genesis Box has developed and perfected a logical 5-step process that works very well for us and our clients. It also works very well as an overview of all the things you'll need to know to become a website designer. Many articles branch off from here that will give you details, tips and how-to's.

This tutorial is complex so you might want to print this page as a reference to help keep your bearings.

Darrien's 5-Step Design Process

Step 1: Data Collection

  • Receive request for estimate.
  • Clarify requirements and preferences.

Step 2: Structural Development

  • Develop site mission statement and goals.
  • Determine key elements and flow strategies.
  • Submit price estimate.
  • If approved, bill 50% of total project fee.

Step 3: Concept Development

  • Develop information architecture and website navigation.
  • Develop creative concepts.
  • Assign password for client access to drafts.
  • Submit minimum of 3 initial drafts to client.
  • Select concept direction; agree on revisions/refinements.

Step 4: Design Development

  • Develop content and graphics.
  • Refine creative concepts.
  • Submit subsequent design drafts for review/approval.
    (Design Development may cycle up to 3 times until client is reasonably satisfied with refinements)

Step 5: Implement Design

  • Build pages.
  • Final proofread.
  • Complete coding and color correction.
  • Test continuity and function.
  • Submit site to client for final approval.
  • Make final adjustments.
  • Final Payment of remaining balance.
  • Release project to client.
  • 30-day follow-up for quality assurance.

Article Step 1: Data Collection >

Overview | 1 | 2 | 3 | 4 | 5

 

Articles Index Back to Articles List

SKILL LEVEL / INTEREST

Beginner designers/developers

OUTLINE

• Overview
Step 1: Data Collection
Step 2: Structural Development
Step 3: Concept Development
Step 4: Design Development
Step 5: Implement Design

RELATED INFORMATION

Article Website Design Process for Educators
(Simple outline form)

 

Top of Page

Home | Articles | Resources | Glossary | Terms of Use