anchor tag design icon

Web Design

Concepts & Tools:

I'm hosting sites via Green Geeks in northern California. They provide consistent service and free SSL security certificates (which improve SEO). Plus they're an eco-friendly, solar-powered company. It's reliability paired with sustainability (maybe they'll give me a kick-back for that comment).

Mobile First

The “mobile first” concept implies a website is designed for optimal use and fast load times on smart phones – where most web traffic originates. When the site is viewed on larger screens, additional styling and functionality contribute to the user’s experience (progressive enhancement). Google will downgrade search rankings (SEO) when a site isn’t properly mobile optimized.

WordPress

Use the right platform for your site. A mobile first site will work if you only need a few images, an about section, and social media links. WordPress is used for more robust sites with galleries, forms, a shop, etc. WordPress is FREE, and is the most popular and user-friendly content management system (CMS) on the web. Its dashboard makes it a snap to create, update and/or edit content.

CSS Grid

CSS Grid is a powerful tool for creating flexible, responsive web layouts in both vertical and horizontal directions (surprisingly, a new-ish concept in web design). This amazingly versitle system streamlines the design process by reducing specificity when styling individual elements and it maintains the content's underlying semantics. Resize your browser to see it in action!

Usability

One of the most important – and often overlooked – concepts in web design is thinking about the site’s visitors. Is the focus of the site clear? And is the site user-friendly? There are actually measurable usability factors too. Providing your visitors with a quality experience (coupled with style and functionality) will bring them back again.

Design Process:

Building blocks & benchmarks

Meet & Discuss:

  • Intent & mission of the site
  • Determine primary visitors
  • Estimate the budget & timeline
  • Produce a Statement of Work

Gather Assets:

  • Images, logos & other graphics
  • Text & other written content
  • Social media links, forms, etc.
  • Compile a brand book

Design & Test:

  • Create structural wireframes
  • Build a working template
  • Ensure all forms & links work
  • Test on multiple browsers

...Deploy:

  • It's time for the soft launch!
  • Announce site on social media
  • Get WordPress documentation
  • Final deliverables & backups