Web Design Process

The web design process checklist of things to consider when building a responsive website in 2017

 

Having a good process in place to reference is very helpful when it comes to putting all the pieces together when designing and developing a website. Below is a process checklist to follow or reference in building a successful website.

Step 1: Project Analysis

  • Client brief
  • Website questions
  • Gather necessary information
  • Research type of Business
  • Understand website goals
  • Understand website purpose
  • Define target audience/market
  • Develop user personas
  • Competition analysis
  • Competition difficulty

Step 2: Research & Planning

  • Review questions
  • Determine site structure
  • Determine type of main navigation
  • Determine desired mobile menu
  • Will it be built (WordPress, HTML)
  • Research layout ideas
  • Browse layout styles
  • Fasting loading if possible
  • Most Customizable
  • Web hosting/domain if needed

Step 3: Design/Build

  • Color scheme
  • Sketch any ideas
  • Consider design trends
  • Design for conversions
  • Good font combinations
  • Decorative elements
  • Usability focused
  • Inspiration research
  • Typography layout ideas
  • Magazines/newspapers

Step 4: Content

  • Content Planning
  • Content architecture
  • Recommended 300-500 wds/ page
  • Answer the 5 w’s above the fold
  • Home page should be a summary
  • What’s the mission statement
  • Call to actions
  • Color psychology
  • photos/videos

Step 5: Development

  • Mobile/Responsive mindset
  • Usability focused
  • Consider load time speed
  • HTML5 – WordPress
  • SASS, Compass
  • Bootstrap Framework
  • Breakpoint SASS
  • Browser sync
  • Optimize images
  • Minify code

Step 6: Testing & Launch

  • Site Loading Speed
  • Cross browser compatibility
  • Cross device testing
  • Usability testing
  • Does it fulfill its purpose
  • Client feedback
  • Make necessary adjustments
  • Double check everything
  • Monitor after deploy

/*

Step 7: SEO Basics Checklist

  • Submit to google search console
  • Set-up Google my business
  • Submit to bing places
  • Install google analytics
  • Add robots.txt
  • Submit sitemap.xml
  • Check image alt attributes
  • Unique title on each page
  • Unique description on each page
  • Optimize titles for click through
  • Build general and niche citations

*/