Web Design Process

The Nature Bay web design process, recommended development tools, and things to consider when building a responsive website

 

There are a lot of things to consider when building a new website, or redesigning an old one. There are any details to keep track of. So having a good process in place can be very helpful. Below is a process checklist of building a successful website

Step 1: Project Analysis

  • Client brief
  • Website questionnaire
  • Gather information
  • Research type of Business
  • Understand website goals
  • Understand website purpose
  • Define target audience/market
  • Develop user personas
  • Competitor site analysis
  • Keyword difficulty assessment

Step 2: Research & Planning

  • Review questions
  • Consider the foundation
  • Determine type of navigation
  • Determine desired mobile menu
  • Basic website structure
  • How will it be built
  • (CMS such as WordPress or HTML)
  • Research layout ideas
  • Fastest loading themes search
  • Web hosting/domain

Step 3: Design/Build

  • Color scheme
  • Logo Creation
  • Sketch out ideas
  • Browse layout style
  • Consider design trends
  • Good font combinations
  • Decorative elements
  • Usability focused
  • Inspiration research
  • Typography layout ideas
  •  (Not just web: Magazines, papers, etc.)

Step 4: Content

  • Content Planning
  • Content architecture
  • SEO content writing
  • recommended 300-500 wds/ page
  • Website sales writing
  • Answer the 5 w’s above the fold
  • Home page should be a summary
  • keyword rich headings
  • Mission statement
  • Call to actions
  • Color psychology
  • photos/videos

Step 5: Development

  • Mobile mindset
  • Usability focused
  • Coding – wordPress
  • SASS, Compass
  • Bootstrap implementation
  • 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: Basic SEO 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