PROFESSIONAL WEB SERVICES

New Build Checklist

QA Checklist

Use this form to generate Internal New Build Release Notes

QA Checklist (1)

"*" indicates required fields

This field is for validation purposes and should be left unchanged.

This field is hidden when viewing the form

Date

Builder*

Site URL*

Build Type

Starter

Standard

Premium

Woo

Jira URL

Business Name

Industry

Business Contact Info

Contact info and/or business name on website is the same as intake form

Address is correct and properly formatted

Phone number is correct and properly formatted

Email address is correct and properly formatted

Hours of operation are is correct and properly formatted

Map goes to correct location and displays properly

Business name is spelled correctly throughout site

Notes

https://styleguide.wdsgallery.com/site-vertical/

General Design

Color Palette

#ffffff, rgba(255, 0, 0, 0.5)

https://styleguide.wdsgallery.com/color/

https://styleguide.wdsgallery.com/color-palette/

Color QA

Colors saved within Beaver Builder

Colors are appropriate for industry, BPQ, or customer preference

Not too many colors were used in a single area or container

Text, containers, or any elements in the content area have good color contrast

Copywriting Errors

Any of these would have to be reported to PROD

There were no copywriting issues and I have no notes.

Text contains a spelling error

Text contains a grammar, punctuation or spacing error

Text uses non-American words or phrases (USA sites only)

Text contains offensive language

Text misrepresents product, service, or intent of website

Copy written from incorrect point of view

CTA button text does not follow CTA guidelines

Regional spelling is incorrect

Notes

You marked that there was an issue with copywriting. Leave your notes about the issue here, after reporting it to prod and getting a replacement copy file to use on your build.

Fonts

Enter one font name/URL per line

Copy Design

Font choice is based on BPQ, industry, or customer preference

Appropriate use of script font

Text has good color contrast and appropriate coloring and size

Images*

Stock

Customer Provided

Both

Videos*

Stock

Customer Provided

Both

No videos

Please enter the URL for the resource used*

One URL per line

Photos from*

WDS Gallery

Pexels

Pixabay

Unsplash

Videos from*

WDS Gallery

Coverr

Pexels

Icons*

General Settings

WP Dashboard

Did you double check for these?

Admin nickname has been adjusted to the site name and set to display publicly in the user settings (Users > Profile)

Time Zone is set to customers location (Settings > General)

Hello World Post and Sample Page have been deleted by automation (Dashboard > Pages)

Post Comments are turned off

Admin email is set to the business email provided in the DCT

QA Checks

Images/Icons

Images, graphics, or icons are not blurry

Images have appropriate overlays

Gallery images click to enlarge

Lightbox images are larger than thumbnail

Icons are aligned properly with corresponding text

Images or icons are relevant to corresponding headings or text

Image or icons are relevant to business or industry

Relevant images available were properly utilized

Text Formatting

Design Consultation Tool

All DCT instructions were followed and I have no notes.

Customer provided content was altered in a way that was not requested

Content clearly requested in DCT to NOT be on site is present

Footer missing elements called for in Intake Form

Header missing elements called for in Intake Form

Specific hero image requested in DCT not used

Notes*

Customizer

Customizer Settings

Site ID and tagline are set

Correct CSS Template is in place

https://styleguide.wdsgallery.com/design-etiquette/css/#csstemp

Appropriate Favicon was used*

Customer Provided

Logo

Business Name Initials

Beaver Builder

Violations of Best Practices

Multiple rows and/or modules for device breakpoints ARE present (Check Header, Footer, and Home Page)

Modules are set to display never (Check Header, Footer, and Home Page)

Modules have been used in place of post type alternatives

Themer Layouts

Header and footer are active

Products, posts and/or pages/themer layouts are formatted with the proper elements

Blog and shop layouts are added and assigned correctly

Search results have a layout that matches the website

Responsive View

Appropriate elements hidden/adapted in responsive view and following best practices

Order of content within responsive header is arranged correctly

Modules have been used in place of post type alternatives

Functionality

Functionality*

Plugins used have been set up correctly and work as intended for the end goal of the site

1-time use plugins have been removed

Only required and requested plugins have been installed, and are all up to date in core

SEO & Acessibility

Title tags are updated and/or utilize snippet options

Added ALT tags to all media

Featured images are in place for ALL pages AND posts

Featured images are relevant to the business

Every page has one, and only one H1 tag

WooCommerce Settings

Store address is correct (WooCommerce > Settings > General)

Currency is updated to the Business' country (WooCommerce > Settings > General)

Store endpoint pages have been added and assigned (WooCommerce > Settings > Advanced)

Make sure Blog/Product/Category/Cart/Checkout/My Account/TOS pages are all set up and function correctly, and themer layouts used when appropriate.

Store Emails

WooCommerce > Settings > Email

Email "from" name & email address is updated

Email Footer text is updated

Communication color scheme matches the branding

Store

Product functionality set up correctly

Variable products set up correctly

Billing and shipping address are available during checkout

Layout

Products spaced properly

Pagination works properly

Product grid displays even columns

Correct modules/shortcodes have been setup on their respective pages

https://styleguide.wdsgallery.com/wp-woo/wordpress-page-setup

Notes:

Contact Forms

Form Details

Forms are styled appropriately and easy to read

Forms include all requested fields

The appropriate field types were used

Fields are marked as Required where requested

Forms do NOT contain any confidential information

Forms are responsive on all devices

There is no more than one form on a page

Dashboard > Forms

Forms are named appropriately and form titles match their purpose

Honeypot is enabled on all forms

Form Notification "From" email is adjusted to donotreply@

Subject lines are unique and follow best practices

Thank you message has been adjusted

Headers and Footers

Header Formatting

Header is not too tall

Header elements are aligned, stacked and arranged properly

Content within responsive header is aligned and/or sized consistently

Site language flag is accurate

Logo (if provided) was placed, cropped, and/or edited within scope and is not blurry or illegible

Business Name font (If no logo was provided or was used in conjunction with logo icon) matches the industry, site colors, and is aligned appropriately

Logo

Logo graphic is not blurry

Logo has transparent background or is framed properly

Logo and logo text are sized and positioned properly

Logo text is legible and elements are clear

Logo Edits

Please notate if the original logo file had to be altered to fit the design.
Logo text was added or removed? Tagline or other logo element removed? Background removed? Colors changed?

Navigation

Logo/Business name is linked to the site URL

Header navigation opens external links in a new tab, and anchor links go to correct sections without overlapping (including from other internal pages)

Navigation is styled in a way that is legible and appropriate to site style and colors, including sub-navigation items

Hover/active in menu has good contrast and appropriate coloring

Navigation links are not missing from menu or in wrong order

Navigation items are named and linked correctly

Header navigation is aligned appropriately, not too long, and/or a hamburger menu was used, with all requested pages included (renamed appropriately if necessary)

Header navigation on tablet and mobile uses appropriate hamburger menu, is legible, and can be easily dismissed if needed

Footer navigation does not use dropdowns and stacks on mobile instead of utilizing a hamburger menu

Footer Formatting

Footer is laid out appropriately to the style and color of the site content, all social links and address map open in a new tab, and all contact info is linked appropriately

Home Hero

Hero Formatting

Home Hero uses customer provided background or appropriate alternative, and is styled in an appropriate manner that matches the rest of the site

Home Hero contains a CTA with a heading, short description, and a button linking to an appropriate page

Home Hero text is legible on all devices and sized appropriately

Text or logo does NOT repeat in both the hero and header

Internal Heros are consistent throughout the site, using appropriate images and text, and translate well to tablet and mobile devices

Content

Buttons and Links - Destination

Buttons, text, or any element links to wrong destination or is broken

External links don't open in a new tab

URLs or other text on page not linked that should be

URLs or other text on page linked that should not be

Full URL written out when it should have been a button or text

Buttons and Links - Style

Too many different buttons styles

Hyperlink not styled appropriately to stand out as a link

Hover/active on CTA button has poor contrast or inappropriate coloring

CTA button or Hover/active has poor color contrast or inappropriate color

Buttons and Links - Placement

Unnecessary or out of place CTA

CTA or buttons with same label have different functions

CTA text or destination not related to the text preceeding it

Headings

The correct words are emphasized on the headline

All paragraphs have headings where they are needed

Headings are aligned consistently and/or appropriately

Headings are placed in their corresponding places

Content - Layout

All requested content is laid out in a visually appealing way, styled consistently throughout the site, and matches the industry style

Proper use of row/heading/paragraph separators

Not too much content over background images

Sufficient margin and/or padding within container or between elements

Content distributed evenly among columns, elements aligned

Content - Consistency

Content or column widths are consistent between rows or within single row

Margin and padding used consistently throughout site

Content alignment consistent within containers and/or rows

Style or layout of interior pages is consistent from page to page

Content - Responsive

Content is aligned properly on mobile

Columns aren't too narrow in responsive view

Columns or rows have adequate padding/margin in responsive view

Responsive Footer elements are aligned consistently

No gaps between elements in responsive footer

Responsive Screenshots

Mobile 390px

Tablet 768px

iPad Pro 1024px

Laptop 1366px

All main pages are screenshot following the above screen sizes and the files are zipped and uploaded following best practices.

Optimizing

Final Checks

All your plugins are up to date in Core, and any plugins outside of Core are up to date.

All of the optimization steps have been followed https://styleguide.wdsgallery.com/google-lighthouse-in-gd-core/

Cache cleared

Lighthouse Score*

Any other notes you have?

Email me a copy of my notes*

Yes