• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Home
  • About
  • Recommended Books
  • Tools
  • Journal
  • Hire Me
  • Contact
Small Biz Geek

Small Biz Geek

Small Business Design, Marketing & Technology Journal

Website design services

Nerdy analysis of small business design, marketing and technology

  • 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

Published: November 10, 2015; Updated: February 18, 2020 Filed Under: Design, Web Development

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.

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 and usability
  10. Marketing and SEO

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

1) Preparation

  • Study client and job specificities
  • Appraisal of the existing web site, IT systems
  • Check competition
  • Define site goals and overall strategy
  • Produce and use a web design client questionnaire

2) Quote Submission

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

3) Quote submission

  • Project validation,
  • Contract agreement
  • Deposit paid

4) Planning

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

4) Layout

  • Overall look and feel
  • Choose fonts
  • Colour 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 and 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.) and 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 and 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 and 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 and Usability

  • Make URLs meaningfuand 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 and optimization
  • CSS validation and optimization
  • JavaScript validation and optimization
  • Optimize the site for graceful degradation
  • Optimize image format, dimensions and file size
  • Protections and .htaccess functions (anti-spam, compression, caching, anti-hotlinks, etc.)
  • Further website security (database, cgi-bin, etc.)

10) Marketing and 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.

Related Posts

  • 5 Ways to Make Your Small Business Look Bigger
  • Computer Says No: Does Your Website Work for People with Disabilities?
  • Badly Behaved Images? Leverage the Power of Vector Graphics to Eliminate Unruly Design

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

Donations Welcome

If this article helped you in some way, you can buy me a cold beer or a hot coffee.
Donations are gratefully received.

About Small Biz Geek

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

Small Business Website Design

Do you need help with something web related?

To hire me see the page about my services.

Reader Interactions

Subscribe to Blog Feed by Email

Your email address won't be shared.

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.

Primary Sidebar

Search Website

Latest Journal Entries

  • Exposed: The Chinese Investment Fraud “Recovery” Scammer Deceiving Victims
  • Computer Says No: Does Your Website Work for People with Disabilities?
  • Chinese Tinder Profiles Are Using Photos of Pretty Girls to Scam “Investors”
  • Small Biz Owners “Trapped” Using Email Addresses Belonging to Internet Service Providers
  • In the Pandemic, QR Codes are Finally Proving Worthy in the West
  • Small Businesses Finally Start Marketing and All It Took Was a Global Pandemic
  • Unable to Meet in Person? Communicate Stress-Free with Online Audio/Video
  • UK Contractors Operating Ltd Companies Should Be Mad as Hell with HMRC and IR35
  • 20 Years On and Website Hit Counters are Still a Waste of Pixels
  • Competitors Can Easily Edit Your Google and Facebook Business Listings
  • Waiting on Final Images for a WordPress Website? Use Temporary Placeholders and Design Around Them
  • GoDaddy Loves Spamming Branded Footer Links to WordPress Installatron Sites

Footer

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
37 Westminster Buildings
Theatre Square
Nottingham
NG1 6LG

Telephone

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

VoIP

Skype: ilkestonwebdesign
WhatsApp: 07519 897 243

Email

[email protected]

Let’s Connect

Twitter
YouTube
LinkedIn
RSS

Subscribe to Blog by Email

Subscribe to Blog By Email
Genesis Framework by StudioPress


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


Written and designed by Ilkeston Web Design