DIY Web Design and SEO

Website Design Process

The Design process is pretty simple, doing it well takes a keen eye and an understanding of good design methods. Our Design process changes to keep up with the current styles and functions. Below are the steps we take to ensure each client understands and approves of the work flow.

You’ll notice that they don’t have numbers since they don’t necessarily occur in the order presented.

DIY Design Steps

  • Select URL + Keywords
  • Sketch framework
  • Divide + Combine the layout (for easy navigation)
  • Choose typography
  • Select Theme Color
  • Select/Review each component
  • Keep Work Flat
  • Cross Platform Compatibility
  • Review all work next day
  • Publish for client
  • Clarify “Call to Action”
  • Test 5 sec “value proposition”
  • Setup top Social Media

DIY Learn Design

On Page SEO is everything that can be done to improve a websites standing in search engines ranking. Since these items change over time, we posted them with no ranking.


  • ​​Make the Header Section Order of meta tags for W3C standards.
  • Title Tag should be about 6 words give or take a few.
  • Description Tag this can be up to 156 characters
  • Keywords Tag is not used by Google for ranking, it’s still good practice to use them.
  • Heading Tags make sure your first heading tag always begins as an <h1>.
  • Overall Word Count should be between 250 to 450, but quality is far more important.
  • Alt Attributes with Keywords and descriptions for visually impaired people.
  • Make JavaScript/CSS External or in the footer or after the body.


Top Design and SEO tools

Tools to build a better site


Understand Your Industry Online