• Home
  • About
  • Fav Books
  • Tools
  • Journal
  • Hire Me
  • Contact
Small Biz Geek

Small Biz Geek

Small business design, marketing & technology issues

Website design services

A journal on small business design, marketing & technology

Follow @twitterapi
  • The Internet
  • Marketing
  • Graphic Design
  • Web Dev
  • Web Design
  • Social Media
  • Technology
  • Miscellaneous

Overwhelmed by Web Design? Use This 10 Step Project Checklist and Stay in Control

By Small Biz Geek on November 10, 2015 · Filed Under: Design, Web Development Updated: October 22, 2016

Are you a web design client or consultant? Do you want to break a project down into clear deliverables for faster workflow? 

Website Design & Development Checklist

A website checklist should be designed for setting priorities, eliminating confusion and reducing stress. 

When You Don’t Know Where You’re Going…

We’ve all been tasked with a rough agenda or unruly undertaking that gets stuck in development hell.

The absence of a proverbial roadmap can completely kill a project and turn it into a meandering, aimless time suck full of dead ends.

Before you even begin building a website, a marketing plan should exist.

Managing Web Design

Many design/development projects don’t follow a linear pattern because you will usually move continuously between the beginning, middle and end of the criteria in the list.

The checklist can be used alongside a general questionnaire to solicit information about a prospective client’s business operations, budget and objectives. It’s not exhaustive and cane certainly be modified depending on what type of site you’re building.

Here are the 10 general steps:

  1. Preparation
  2. Quote Submission
  3. Planning
  4. Layout
  5. Content preparation
  6. Content integration
  7. Design
  8. Functionalities
  9. Technical & Usability
  10. Marketing & SEO

Now let’s break down each general step into specific details…

1) Preparation

  • Study client & job specificities
  • Appraisal of existing web site, IT systems
  • Check competition
  • Define site goals and overall strategy
  • Web design client questionnaire

2) Quote Submission

  • Confirmation of site objectives (corporate, marketing, etc.)
  • Choose business model & marketing plan
  • Plan interactions, technologies & functionalities
  • Choose content management system
  • Choose data delivery model and backup
  • Roles and responsibilities & Initial timeframe

3) Quote submission

  • Project validation,
  • Contract agreement
  • Deposit paid

4) Planning

  • Website title
  • Host selection & registration
  • Domain name selection & registration
  • Mirrors & other domain-related registrations
  • Website structure & information architecture
  • Validate wireframe

4) Layout

  • Overall look and feel
  • Choose fonts
  • Color scheme research
  • Standards and templates (usability, accessibility, etc.)
  • Basic layout creation – (X)HTML/CSS
  • Validate Mockup

5) Content preparation

  • Review content providers (copy-writers, graphic designers, programmers etc.)
  • Text update/creation & Art update/creation (photos, illustrations, etc.)
  • Add rich media content (Video, Audio etc.)
  • Distribute content quantity – Keep home-page light and effective
  • Provide a call to action for every page (avoid dead ends)
  • Copyrights, terms of use, website disclaimer, privacy policy
  • Contact details (including map)
  • About page (with author(s), staff, company information, credits, affiliates, trade bodies etc.)
  • Testimonials, reviews and awards
  • Products description
  • FAQs
  • Optimize target keywords usage in content
  • Proofread

6) Content integration

  • Merge mockup and content
  • Pay special attention to content layout and hierarchy (try to meet the user “Z” reading pattern)
  • Define headers (h1, h2, h3 etc.) & paragraphs – Add to SEO Spreadsheet
  • Identify and add page titles with character limits – Add to SEO Spreadsheet
  • Identify and add meta with character limits – Add to SEO Spreadsheet
  • Identify and add canonical tags to all pages
  • Add 301 redirects for easy to remember/friendly links – Add to SEO Spreadsheet
  • Label links with title tags which show where they lead
  • Label images with alt tags
  • Make sure external links open in new tab/new window
  • Add nofollow HTML attribute as appropriate to links

7) Design

  • Artworks reception/update/creation (photos, illustrations, etc.)
  • Logo update/creation – Ask client to watch video – “Design Discussion 1: Graphic Logo Concepts”
  • Design header with clear statement of the site purpose & prominently placed logo linked to home-page
  • Add visible phone number to the header or to the top of right column
  • Design clear navigation (if in JavaScript/Flash, provide a text-based alternative)
  • Design main section (columns and sidebars) and footer now or later
  • Make sure that important content is above the fold at least for home-page
  • Balance illustrations/photo and text importance according to the site purpose
  • Design visible testimonials, reviews and awards
  • Make sure content and/or design elements encourage future visitation or viral sharing
  • Make sure company information and contact (email or form) are immediately accessible
  • Style lists and special text fields (error, validation, etc.)
  • Design buttons, sprites, etc. Make sure they change on hover if they are clickable.
  • Design Favicon

8) Functionalities

  • Build database (MySql) Check PHP version with host
  • CMS/Blog/E-commerce implementation
  • Newsletter (site functionality & email format)
  • Restricted areas (backend/password protected pages, deindex certain pages from search – robots.txt)
  • Crawl access for Google search bot (CSS/Javascript essential for mobile sites and semantic data highlighter- robots.txt)

9) Technical & Usability

  • Make URLs meaningful & user-friendly – Add to SEO Spreadsheet
  • Ensure that URLs are always consistent (www.website.com or website.com)
  • Add canonical tags to all pages
  • Add any 301 redirects for shorter URLs – Ask client to watch video on “301 Redirect”
  • Cross-browser optimization
  • Create custom 404 error page
  • Ensure that visitors receive confirmation after every action
  • (X)HTML validation & optimization
  • CSS validation & optimization
  • JavaScript validation & optimization
  • Optimize the site for graceful degradation
  • Optimize image format, dimensions & file size
  • Protections & .htaccess functions (anti-spam, compression, caching, anti-hotlinks, etc.)
  • Further website security (database, cgi-bin, etc.)

10) Marketing & SEO

  • Create an XML Sitemap (or use WordPress plugin to create virtual sitemap)
  • Submit sitemap in Bing Webmaster Tools and Google Search Console
  • Configure robot.txt – Deindex any URLs for strategic/technical reasons
  • Submit site to Search Engines (Google, Yahoo, Bing)
  • Check formatting of site results in SERPs – Tweak SEO Spreadsheet
  • Provide SEO Spreadsheet to client – Any changes made must be reflected in the worksheet

SEO Planning Guide Spreadsheet (Free Download)

Website Architecture, Planning & Development Spreadsheet

I should probably also mention the free SEO planning spreadsheet produced in Microsoft Excel.

Yes, you should definitely check this out because it’s incredibly useful for on page titles, meta descriptions, URLs, headings and alt tags.

There’s also a column for adding in any 301 redirects you’ve set up as “short links” that forward to longer URLs.

Analysis

Clients and consultants who choose to do business together are, for better or worse, collaborating. This association is best served when they are literally on the same page, knowing what to expect and feeling confident about a well structured agenda.

  • If you’re a web designer you could turn the checklist into a PDF set of deliverables
  • If you’re a client looking for a web design consultant you could use the checklist to produce a design brief
  • As a business owner you might want to create your website all by yourself and follow the criteria

Lay out what you’re going to do and give customers chance bear witness to your thought processes. That kind of attention to detail justifies higher pricing margins and always leads to a better website.

Share this page:

Related Posts

  • “Don’t Make Me Think: Revisited” – Steve Krug (Book Review)
  • 5 Ways to Make Your Small Business Look Bigger
  • Vote “Remain” in the EU: Britain is a Steadying Hand on Digital Law Madness

Filed Under: Design, Web Development Tagged With: Analysis, Checklist, Content, Data, Design, Planning, SEO, Spreadsheet, Websites

About Small Biz Geek

I'm Darren, helping small businesses with design, marketing & tech.
Read more about me and follow me on Twitter. I'm on YouTube aswell.

Let's Work Together

Do you need help with something? To hire me see the page about my services.

Get Updated by Email

If you liked this article, consider subscribing to the RSS feed by email.
Your email address won't be shared. Read the privacy policy.
* indicates required field.
Are you human? (Spam check)

Add Your Thoughts Cancel reply

Your email address is safe and will NOT be shared with anyone else.

Hateful, spammy or abusive comments will not be tolerated.

For more information please see the comment policy.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Search Website

About the Webmaster

Hello, my name is Darren, a 34-year-old business enthusiast eager to learn and do good work.

I’m a website builder for hire working with small to medium businesses.

I network in Derby, Ilkeston and Nottingham in the East Midlands, England.

Read my story

Let’s Connect

YouTube
Follow me on G+
Follow me on Twitter



I'm active on the three social networks listed above.

Twitter is the one I use most.

Recommended Books

Don't Make Me think - Steve Krug

“Don’t Make Me Think: Revisited” – Steve Krug (Book Review)

A person of average technical ability must be able to navigate your website easily. This is required reading for anyone wanting to create a better experience for their visitors…

Latest Journal Entries

  • CEOs, Stop Using “Poverty Porn” for your Awful Social Media PR Stunts! FFS!
  • Childhood Business Ventures: What Was Yours?
  • Local Business Websites: “About” Pages Done Right Will Attract and Delight Readers
  • Magazine Advertising Scam: Rogues Impersonate Crime Prevention Officers
  • Privacy and Data Protection is a Matter of Life and Death for Some
  • Magazine Advertising Scam: Bogus Children’s Cancer Charity Misleading Small Businesses
  • UK Businesses Electronically Processing Data Are Legally Required to Register with the ICO
  • Stolen Credit Card Email Scam Targets Small Businesses and Service Providers
  • Nuisance Calls, Emails and Empty Promises: The Bungling Incompetence of Yell.com
  • “Don’t Make Me Think: Revisited” – Steve Krug (Book Review)
  • How to Hit Back (Gracefully) Against Fake Negative Google Reviews
  • How Safe Is Your Password from the $450 Billion Cybercrime Industry?

Primary Navigation

Home
About Darren
Good Books
My Tools
Blog Posts
Hire Me
Contact Me

Secondary Navigation

The Internet
Marketing
Graphic Design
Website Development
Website Design
Social Media
Technology
Miscellaneous

Derby & Nottingham Area

Small Biz Geek
Office 897
109 Vernon House
Friar Lane
Nottingham
NG1 6DQ

Telephone

Tel: +44 (0) 115 714 3290
Tel: +44 (0) 7951 897 243

VoIP

Skype: ilkestonwebdesign
WhatsApp: 07519 897 243

Email

d...@smallbizgeek.co.uk

Let’s Connect

Twitter
Google +
YouTube
Soundcloud
LinkedIn
RSS

Subscribe to Blog by Email

Subscribe to Blog By Email

Social Calendar

UK Small Business Twitter Chats
#SmallBizHour on Twitter
Derby & Nottingham Meet Ups
WordPress Nottingham Meetup
WordPress Derby Meetup
Genesis Framework by StudioPress


Copyright © 2019 · Small Biz Geek · Privacy Policy · Commenting Policy · Website Disclaimer · ICO number: ZA305900


Written and designed by Ilkeston Web Design

This site uses cookies More info