January 2nd, 2010

Web site design process techniques

Filed under: Essays — Ondřej Válka @ 22:10

Working on my bachelor thesis—redesign of a community Web site signaly.cz—I have collected a bunch of methods and techniques I should learn, apply and finally mention in my work. Here are some “mind maps” describing what every Web designer should know.

Be aware of the fact, that this is just a list of Web site design process techniques. It could serve as a springboard for intermediate Web site designers. Try to:

  • Read it.
  • Check the Resources section in the end of the article.
  • Study all the books and articles—I drew on just these resources.

Step 1: Briefs

Get a client brief from you business partner. Than form a creative brief and technical brief. Finally, try to figure out idea brief(s).


Step 2: Research

Here is a huddle of methods that can be performed during the design part of process.

Reserarch methods and techniques

Step 3: Ideas

Organize a strictly moderated idea session or try one of these utilities.

Ideas part utilities

Step 4: Deliverables

Having collected all the necessary pieces of information, start creating deliverables—documents, that are useful in some way and describe the final design process product.



This utilities could be applied in any part of the design process. Try to figure out, if they are useful to you.

Web site design process tools


All the books and articles mentioned down there are stuffed with knowledge, describe techniques mentioned above and will help you with understanding them.


  1. Jan Sládek

    Interesting, thanks for sharing. :)

    However it seems pretty complex and complicated to me. But maybe for really complex site it’s a good thing. Do you have some real experience with it?

    January 3rd, 2010 at 00:29
  2. Ondřej Válka

    I’ve applied a few of them recently (e.g. wireframes, mood boards and idea sessions). But I’m still discovering all the possible techniques, trying to figure out which techniques are useful and which are not.

    Here’s the another thing: the larger project to do, the more techniques from each diagram you’ll probably use. I think in a project of any size will definitely be an idea brief or (at least) a quick-n-dirty wireframe.

    January 3rd, 2010 at 08:16
  3. Filosof

    Kurnik šopa chlape, nemůžeš s tímhle počkat až dopíšu diplomku ;-) – vidím drsný vliv Browna a Boultona.. ale především proto, že je mám na stole a poměrně často cituju! ;-) (ani jsi je nemusel dole přiznávat)

    January 3rd, 2010 at 10:52