[Infographic] Website Design Process

website design process

“Good design is good business.”

Thomas J. Watson



Designing and developing a website is a complex, many-faceted process. From gathering information, through design and development, to maintenance, each step is as important as the next.While the exact process will vary from designer to designer, we have broken it down into five basic steps (view infographic):

  1. The Big Picture
  2. The Nitty-Gritty
  3. The Art & Craft
  4. The Nuts & Bolts
  5. The Finishing Touches

The Big Picture
Sometimes called “discovery,” “information gathering,” or “research phase,” this important step focuses on you, your brand, and your business. It should include lots of questions about your goals, your audience, your style and taste, and your vision. Poorly conducted discovery can negatively affect each of the remaining steps, so it’s important to take the time to be thorough.

The Nitty-Gritty
Here is where we really get down to business. It’s time to put a detailed plan together, to begin conceptualizing all of the information that was collected in step one. This includes development of a creative brief, a site map, and/or a wireframe of the website.

The Art & Craft
For a graphic designer, this is the fun part! Writing website copy (often handled by the website owner rather than professional copywriter), creating layouts, designing page mockups – this is where your site can really stand out. Content is king, and good design is the crown that differentiates the king from his subjects. Many a site has failed simply because it was unappealing or difficult to navigate, and hiring an experienced website designer can prevent that.

The Nuts & Bolts
The “construction” phase of the process. At Caffeinated Design Studio, this is where your custom WordPress theme is developed, pages added and styled, functionality built in. Your website should be reviewed and tested extensively on a variety of browsers and devices.

The Finishing Touches
Voila! You have a smashing new website. Now what? Hopefully, your finishing touches include search engine optimization (after all, what good is a gorgeous site if no one can find it?), training on how to use your website dashboard, and set up of an ongoing maintenance plan.

While each of these steps has about a bajillion (pretty sure that’s a real thing) tasks and sub-tasks associated with it, these five primary phases guide the process.

Website design process infographic
Get full-size PDF


Want more info? Give us a buzz, or request a proposal for your own custom WordPress site!

Hannah Kwan

Hannah Kwan

Hot Shot Developer at Caffeinated Communications Studio
Hannah Kwan works on front-end development and handles website maintenance for clients at Caffeinated Design Studio, a branding & visual marketing agency based near Seattle, Washington. Hannah's favorite coffee drink is a Almond Vanilla Latte at her local coffee shop; if she can't get that, she'll settle for a Caramel Latte as a backup.
Hannah Kwan
Hannah Kwan
Share It!

Leave a Reply

Your email address will not be published.