The Web Design Process

March 28, 2007 by Oli · 6 Comments 

When I started out in web design there was no articles detailing the correct and proper process for designing a web site from start to finish. I muddled my way through hoping I was doing things correctly and getting some advice from other web designers along the way.

Nowadays there are loads of great resources you can use to refine your process, here we dug out some of the most useful for you ….





Redesigning the Expression Engine Site – One of my current favorite corporate websites, an exemplary example of good clean and functional design; Jesse Bennett-Chamberlain of 31three talks you through every stage of the development process from his working environment, wire-framing the site to the finished product. An excellent read.

140.jpg


The Website Development Process – A pingmag article illustrated with lego men, what more do you want ?!

230.jpg


Here’s my breakdown of the ideal web design process – A web designer with 10 years experience walks you through his process

317.jpg


A Design Process Revealed – Douglas Bowman walks you through a CSS Zengarden entry

417.jpg


An Introduction to Using Patterns in Web Design – The 37 signals team details patterns when creating web designs

517.jpg


Web Style Guide – THE FIRST STEP in designing any Web site is to define your goals. Without a clearly stated mission and objectives the project will drift, bog down, or continue past an appropriate endpoint. Careful planning and a clear purpose are the keys to success in building Web sites

615.jpg


Making New Fake News – The designer’s take on the redesign of theonion.com

712.jpg


ABC News Redesign – Mike Davidson on redesigning ABC News

815.jpg


How to nail a sexy layout – The steps in creating an xhtml layout from scratch

911.jpg


The Layers of Design: the style layer – Style for its own sake or by itself is not design, certainly, but stylistic concerns are important to successful design

1010.jpg


The One 2 One story – This article represents a body of development for the redesign of One 2 One’s web presence in 2001. The redesign revolved around multiple access from multiple platforms as well as integration of new mobile services

1116.jpg


A Design Method – When working in an environment that requires lots of creative production in a short time schedule (ie., when working on the web), it can be helpful to have a design method. A method is simply a set of steps that you can refer to, without having to constantly recreate the path from start to finished product.

1212.jpg


About Oli
Oliver Dale runs Kooc Media, A UK-Based web company which specialises in Web Apps, Online Communities, Wordpress Tutorials & Wordpress Plugins.

Comments

6 Responses to “The Web Design Process”
  1. Vitaly Friedman - http://www.smashingmagazine.com says:

    The Website Development Process is my favourite. Thanks, Oli! :)

  2. mayvelous - http://www.mayvelous.com says:

    A good compilation. All are great design processes. Thx

  3. Avinash - http://avinash.ws says:

    Great compilation! Thanks!

    - Avi

  4. kzliszymmw - http://kzliszymmw.com says:

    Hello! Good Site! Thanks you! nzoybffwgcp

  5. forum - http://www.digimuhabbet.net says:

    thanks

  6. shaz - http://www.miraztutorials.com says:

    Great links thanks

Tutorial Blog