The Big Steps

You see? It’s not different than any other thing. Do I make it look too obvious? Well, it should be.

Architecture Movies Website
1 Define Think it Project Briefing Script Specifications
2 Plan Preview it Blueprints Storyboard Wireframes
3 Act Make it Building Shooting
Editing
Mockup Design
Coding

The Small Steps

This is a more detailed view for the process of making a website.

You can:

  • 1. Mouse over the blocks to see details.
  • 2.
  • Specifications
    • Project briefing & overview
    • Client fills in the worksheet (questionnaire)
    • Copy brief (definition of all aspects)
    • Website structure (diagrams)
    • Approval of the Copy Brief & Website structure
  • Resources
    & Content
    • Corporate elements (logo, colors, typo, …)
    • Texts
    • Images
    • Other media (videos, music, …)
    • Resources analysis
    • Editorial style and format adaptation
  • Information Architecture
    • Define order of importance, visual emphasis of elements, "call to actions"
    • Define navigation & wording
    • Pencil prototypes
    • Wireframes (applying usability)
    • Client feedback / Modifications
    • Approval
  • Mockup
    Design
    • Analysis (guidelines, worksheet, wireframes)
    • Brainstorming & Conception
    • Web pages mockups (templates, unique pages)
    • Client feedback / Modifications
    • Approval
    • Slicing
  • Coding
    • Front-end code (HTML, CSS, JS)
    • Back-end code (PHP, CMS integration)
    • SEO
    • Testing & validations
    • Client feedback / Modifications
    • Approval
  • Publishing
    • Content provisioning
    • Upload website files to server under "test URL"
    • Testing
    • Switch to public URL