AJDF Web Designer Home Page

AJDF's blog – notes, tutorials and musings on web design and related areas…

This is my web design process

Written by ajdf on November 21st, 2011 2:27 pm Comment
Posted in General Design, Personal Observations

After years of practice I have honed my process to one which seems to work well. This is because it ensures clear communications with the client and reduces the risk of going down the wrong roads by involving them in the process.

This process does vary from project to project but this is certainly a good starting point.

Illustration showing a slightly tongue-in-cheek version of a client meeting

How I used to do it:

  1. Meet client and gather requirements.
  2. Research, design then build the prototype of the project and show it to them, praying they would be happy with it.
  3.  If lucky, the client would be happy and we live happily ever after.
  4. Sometimes there would be a long period of alterations which could take the project far beyond the quoted time.

How I do it now:

  1. Initial contact with client via phonecall or email.
  2. Meeting in person with the client. Ask many questions about what they do, how they think and what they want out of this project. Establish business aims, keywords, target audiences and get a feel for the project. Explain the project cycle process. Establish a good understanding of the client and their requirements. And their personality!
  3. Write up a business agreement, which contains a brief and key outcomes of the project. Client must sign the agreement and return to start the project.
  4. Begin researching: competitor’s styles, target audience interests and motives, brainstorming… Present this research to client.
  5. Create a moodboard containing possible colours, photos / illustration styles, typography and written language… check if client is happy with this direction.
  6. Once moodboard is agreed with client, start creating wireframes of as many key areas of the site as possible… show client these for approval.
  7. Mockups of some key pages before actually building the site’s core structure and CSS.
  8. Testing phase…
  9. Ammendments, content details added such as photos and text…
  10.  Test again… and launch live project.
  11. Follow up with client at various stages after launch to check progress and make changes as necessary.

Leave a Reply