Checklist For Web Design – A Guide For Designers (and Non Designers Too)

checklist for web design image

In this post series, Checklist For Web Design, we will be looking at the multitude of tasks that one needs to consider when getting ready to build a new website.

Who Will Benefit?

If you are a web designer, hopefully, you will find the resources here useful. If you are not a designer but want to know your stuff before hiring a designer, then this series will certainly help you.

What Does A Web Designer Do?

How often do you hear someone say oh, I’m a web designer? What do they mean? What’s involved? Saying you are a web designer is like someone saying they are a lawyer. What type of lawyer?

Just Because You Can…

The term web design can mean almost anything. If you have a subscription to Dreamweaver, I suppose you could call yourself a web designer—but be careful.

A Web Designer Wears Many Hats

In truth, a professional web designer understands much more than what looks good on screen. Every aspect of a site’s design must consider a wide range of topics.

  • Usability
  • Accessibility
  • Legibility
  • Site Performance
  • SEO

And these disciplines are just for starters. Let’s look a little closer at these disciplines:

Usability Checklist For Web Design

Simply put, usability refers to the User Experience (UX), or how easy or pleasing a website is to use.

Good user experience has huge and long-reaching ramifications—as does poor user experience.

For Example

If a visitor to your site finds the information they were seeking, they will stay on your site longer—or perhaps even bookmark your site.

Another Example

Another example could be that if you have straightforward and easy to use Navigation, the user will love using your site. The result is likely that they will come back again.

Accessibility Checklist For Web Design

In simple terms, Accessibility refers to making sure your website is usable (Accessible) by as many people as possible regardless of sight impairment or any other limitations.

But, Accessibility goes further than that. Accessibility means that anyone using any device, anywhere in the world must be able to access your site. If you think about that carefully, you might start to see the scope of things.

Slow, And Slower

For example, a website that takes more than 5 seconds to load on a good mobile signal (such as 3G, 4G and 5G), hasn’t a chance of loading for someone that only has access to 2G networks.

Currently, there are only roughly 1.5 million 2G users in the world, according to Statista But remember, as websites become more powerful, the 3G network will become the new 2G.

Legibility Checklist For Web Design

Legibility can mean several things, from font size (and style) to how well the content reads. It can even mean what colours are used on your site. For example, if you were to use a light colour font on a white background (seems to be all the rage), the reader might well struggle to see the words.

This sentence should prove my point. This particular issue undoubtedly falls into both Usability and Accessibility issues.

Performance Checklist For Web Design

Website performance is of the highest importance—if you are looking to rank on the likes of Google. Performance covers two separate disciplines:

  1. Site speed, load times, image optimisation, page size, page requests, caching, just to name a few.
  2. Conversions—in other words, how many visitors convert to customers.

SEO Checklist For Web Design

SEO (Search Engine Optimisation) is the process of improving a website’s ranking in the organic listings of the major search engines for a set of keywords. By improving the ranking of a website, you attract more traffic which should ultimately lead to more inquiries and sales. The list of Search Engine Optimisation aspects is massive, but these are the absolute basics.

you can read more about our SEO services »

So far, we have only scratched the surface of what a web designer does. But for most web designers out there, running their own, small web studio, we have to do it all. I, for one, are not complaining: I LOVE IT!

The Tech Stuff Checklist For Web Design

The tech stuff, as far as I know, isn’t an actual discipline. It is, however, a huge deal to get right and covers all behind the scenes stuff like working with hosting providers, setting up SSL Certificates (the green padlock) and making sure all updates are, well, up to date.

The tech stuff can also refer to the setting up of analytics (such as Google Analytics), setting up Google my Business (for local stores) and setting up Facebook and other social media accounts—and that’s keeping the list fundamental.

Checklist For a Web Design Project

From here, I’m going to list in chronological order the topics (disciplines) we typically follow her at Kevin Oliver Web Design.

1. Research

  1. Gathering of information related to site content
  2. Website Name (Domain Name) Research & Purchase
  3. SSL Purchase & Set up
  4. DNS Set up
  5. Hosting Set up
  6. Competition Research
  7. Website Structure and Organization Established
  8. Search Engine Submission Prepared

2. Design

  1. Artwork Compiled
  2. Logo Designed or Prepared as Digital Art
  3. Color Scheme Research
  4. Layout Design Research
  5. Color Scheme Research
  6. Layout/Design Chosen
  7. HTML and CSS Coding Design
  8. Content and Articles Added
  9. Review Web Standards
  10. Validate Code
  11. Check Website with Other Browsers
  12. Review Website with Other devices
  13. Check Website with Various Screen Resolutions
  14. Edit and Review Website Presentation
  15. Test Website (typically 1-2 weeks)
  16. Review Links

3. Maintenance

  1. Frequently Update
  2. Check for Errors
  3. Add Link Exchanges
  4. Check for Bad Links
  5. Keyword Review and Update
  6. Check Site Statistics
  7. Add New Content
  8. Re-Submit Site to Search Engines
  9. Review Web Page Descriptions
  10. Check Web Page Titles
  11. Review Meta Tag Standards and Update
  12. Research Top Searches from Search Engines (potential new content ideas)