Web design – Introduction

Web design - communication

By Geoff Whittaker BSc MA

The web design process is complex but follows a standard pattern. This series analyses and illustrates that process. There is a tricky Left brain, right brain balance, between creativity and technical knowledge.

Often overlooked are the human aspects to gaining information from others. These include active listening and recapping what you have been told.

There are several stages to any design project, all of which are iterative and involve feedback from the client.

  1. Initial meeting – Find out the new sites aims and goals
  2. Set the budget, specify a fixed price
  3. Draw up a brief and specify the provided functionality
  4. Draw up a schedule including milestones and completion date
  5. Do a competitor analysis of relevant sites
  6. Create a low fidelity wireframe to illustrate the main blocks and functionality. Adobe Xd?
  7. Create a medium fidelity wireframe with more detail and user flow information
  8. Create a hi – fidelity prototype including colour and images.
  9. Demonstrate a working prototype


Desired outcome

Target Audience

Emotional intelligence and empathy


Formality (tone)

Active listening

Can you repeat back what you just heard?

Look at the speaker and focus on details.

Recap what you have been told.

Asking questions


Project management tools

Part two looks at the questions to ask when meeting the client for the first time.