{"id":11602,"date":"2017-07-19T06:38:24","date_gmt":"2017-07-19T06:38:24","guid":{"rendered":"https:\/\/www.process.st\/templates\/web-design-checklist\/"},"modified":"2024-02-28T20:45:54","modified_gmt":"2024-02-28T20:45:54","slug":"web-design-checklist","status":"publish","type":"post","link":"https:\/\/www.process.st\/templates\/web-design-checklist\/","title":{"rendered":"Web design Checklist"},"content":{"rendered":"<section id=\"design\">\n<h2> Design: <\/h2>\n<div class=\"text-content\">\n<p><strong>Design website using Sketch &amp; Exporting to Zepplin:<br \/><\/strong><\/p>\n<ul>\n<li>2 versions of the homepage submitted to client via Invision App<\/li>\n<li>2 versions of internal pages submitted to client<\/li>\n<li>Ensure Sketch files are in format required by developers<\/li>\n<li>Upload Sketch source files to Dropbox<\/li>\n<li>Upload photographs and other key elements to Dropbox<\/li>\n<\/ul>\n<p>Developers to confirm they have received files and they are in good working order<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"branding\">\n<h2> Branding: <\/h2>\n<div class=\"text-content\">\n<p><strong>Ensure logo\/ branding guidelines are adhered to:<\/strong><\/p>\n<ul>\n<li>Organise digital assets from client- logo, favourite colours, photography, PDFs, reports, and content<\/li>\n<li>Select imagery based on branding\/ client feedback<\/li>\n<li>Choose icons\/ graphic elements for site<\/li>\n<\/ul><\/div>\n<\/section>\n<section id=\"content\">\n<h2> Content: <\/h2>\n<div class=\"image-content\">\n<figure>\n   <a href=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/lvTvT0z-G0zJeqnvzbJPTA.jpg\" alt=\"Detailed checklist to launch a website\" target=\"_blank\" rel=\"noopener\"> <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.process.st\/templates\/wp-content\/uploads\/2024\/02\/lvTvT0z-G0zJeqnvzbJPTA.jpg\" \/> <\/a><figcaption>\n     Detailed checklist to launch a website<br \/>\n   <\/figcaption><\/figure>\n<\/p><\/div>\n<\/section>\n<section id=\"typography-and-layout\">\n<h2> Typography and Layout <\/h2>\n<div class=\"text-content\">\n<ul>\n<li>Check for incorrect punctuation marks, particularly apostrophes, quotation marks and hyphens\/dashes&nbsp;<\/li>\n<li>Check headings <\/li>\n<li>Check keyword density<\/li>\n<\/ul><\/div>\n<\/section>\n<section id=\"spelling-and-grammar-consistency\">\n<h2> Spelling and Grammar Consistency <\/h2>\n<div class=\"text-content\">\n<ul>\n<li>Capitalisation (especially of main headings)&nbsp;<\/li>\n<li>Tense\/Style of writing&nbsp;<\/li>\n<li>Recurring\/common phrases<\/li>\n<li>Variations in words (e.g. Australian vs US spelling)&nbsp;<\/li>\n<li>Treatment of bulleted lists (e.g. periods or commas at end of each item)<\/li>\n<\/ul><\/div>\n<\/section>\n<section id=\"check-context\">\n<h2> Check Context <\/h2>\n<div class=\"text-content\">\n<p>When giving a critical eye to the pages within the site, ask:<\/p>\n<ul>\n<li>Why would I visit this page?<\/li>\n<li>Is the content ready for visitor?<\/li>\n<li>Does the page address the audience?<\/li>\n<\/ul><\/div>\n<\/section>\n<section id=\"ensure-no-test-content-on-site\">\n<h2> Ensure No Test Content on Site <\/h2>\n<div class=\"text-content\">\n<p>Remove all Lorum Ipsum place holder text.<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"check-forms\">\n<h2> Check Forms <\/h2>\n<div class=\"text-content\">\n<p>Fill out the forms on the site and go through the following questions:<\/p>\n<ul>\n<li>Ensure the correct people (email addresses) are receiving the forms<\/li>\n<li>Do all forms have anti-spam installed?<\/li>\n<li>Once a user clicks the submit button are they redirected to the correct page?<\/li>\n<li>Are the form details accurate?<\/li>\n<li>Review mandatory fields.<\/li>\n<\/ul><\/div>\n<\/section>\n<section id=\"proof-read\">\n<h2> Proof Read <\/h2>\n<div class=\"text-content\">\n<p>Ensure a person who is 1-step away from the design process proof reads the text, buttons, layouts etc.<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"legal-pages-are-in-place\">\n<h2> Legal Pages are in place <\/h2>\n<div class=\"text-content\">\n<p>Does the site have a privacy policy or terms &amp; conditions page?<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"design-2\">\n<h2> Design: <\/h2>\n<\/section>\n<section id=\"favicon\">\n<h2> Favicon <\/h2>\n<div class=\"text-content\">\n<p>Iben to create Favicon for various devices.<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"responsive-design\">\n<h2> Responsive Design <\/h2>\n<div class=\"text-content\">\n<p><strong>Responsive web design<\/strong>&nbsp;(<strong>RWD<\/strong>) is a&nbsp;web design&nbsp;approach aimed at crafting sites to provide an optimal viewing experience\u2014easy reading and navigation with a minimum of resizing, panning, and scrolling\u2014across a wide range of devices (from mobile phones to desktop computer monitors).<\/p>\n<p>Make sure your website works on different screen resolution's and all devices.<\/p>\n<p>Use these tools to check your site on different resolutions:<\/p>\n<ul>\n<li><a href=\"http:\/\/resizr.co\/\" rel=\"nofollow noopener\" target=\"_blank\">Resizr<\/a><\/li>\n<li><a href=\"http:\/\/www.responsinator.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Responsinator<\/a><\/li>\n<li><a href=\"http:\/\/www.studiopress.com\/responsive\/\" rel=\"nofollow noopener\" target=\"_blank\">Studio Press<\/a><\/li>\n<li>Browser Stack<\/li>\n<\/ul><\/div>\n<\/section>\n<section id=\"images\">\n<h2> Images <\/h2>\n<div class=\"text-content\">\n<p>Check image pixelation on different displays, specifically&nbsp;high resolution displays like Apple's Retina Display.<\/p>\n<ul>\n<li>Are images appropriate?<\/li>\n<li>Are the image theme consistent throughout website?<\/li>\n<li>Do images have alt-tags\/ titles (if budget allows)<\/li>\n<\/ul><\/div>\n<\/section>\n<section id=\"404-pages\">\n<h2> 404 Pages <\/h2>\n<div class=\"text-content\">\n<p>Having a nice looking 404 page will assist in ensuring the visitor experience is improved. Especially when websites are being redesigned.<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"testing\">\n<h2> Testing: <\/h2>\n<\/section>\n<section id=\"user\">\n<h2> User <\/h2>\n<div class=\"text-content\">\n<ul>\n<li>Have a friend who has average computer skills to use the website<\/li>\n<li>Test the&nbsp; website in-house<\/li>\n<li>Contact client and request they test the draft website out too<\/li>\n<li>Have&nbsp;a usability testing done via&nbsp;<a href=\"http:\/\/feedbackarmy.com\/\" rel=\"nofollow noopener\" target=\"_blank\">feedbackarmy.com<\/a>&nbsp;and&nbsp;<a href=\"http:\/\/usertesting.com\/\" rel=\"nofollow noopener\" target=\"_blank\">usertesting.com<\/a><\/li>\n<\/ul><\/div>\n<\/section>\n<section id=\"performance\">\n<h2> Performance <\/h2>\n<div class=\"text-content\">\n<p>Website performance is absolutely critical to overall user experience, especially given that users will all be using different devices.<\/p>\n<p>Website performance tools:<\/p>\n<ul>\n<li><a href=\"http:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" rel=\"nofollow noopener\" target=\"_blank\">Google PageSpeed Insights<\/a><\/li>\n<li><a href=\"http:\/\/tools.pingdom.com\/fpt\/\" rel=\"nofollow noopener\" target=\"_blank\">Pingdom Website Speed Test<\/a><\/li>\n<li><a href=\"http:\/\/www.webpagetest.org\/\" target=\"_blank\" rel=\"nofollow noopener\">Web page test<\/a><\/li>\n<li><a href=\"http:\/\/www.smushit.com\/ysmush.it\/\" rel=\"nofollow noopener\" target=\"_blank\">Smushit (image optimiser)<br \/><\/a><\/li>\n<\/ul><\/div>\n<\/section>\n<section id=\"responsive-cross-browser\">\n<h2> Responsive\/ Cross Browser <\/h2>\n<div class=\"text-content\">\n<p>Ensure the website works on different devices:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.responsinator.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Responsinator<\/a><\/li>\n<li><a href=\"http:\/\/mattkersley.com\/responsive\/\" rel=\"nofollow noopener\" target=\"_blank\">Responsive tester<\/a><\/li>\n<li><a href=\"http:\/\/resizr.co\/\" target=\"_blank\" rel=\"nofollow noopener\">Resizr<\/a><\/li>\n<\/ul>\n<p>Ensure website is cross browser compaitible:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.browserling.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Browser Testing<\/a><\/li>\n<li><a href=\"http:\/\/browsershots.org\/\" rel=\"nofollow noopener\" target=\"_blank\">Browser Shots<\/a><\/li>\n<\/ul><\/div>\n<\/section>\n<section id=\"broken-links\">\n<h2> Broken Links <\/h2>\n<div class=\"text-content\">\n<p>Check that all the links in the new website go to the correct pages. This is especially important for website redesigns.<\/p>\n<ul>\n<li><a href=\"http:\/\/validator.w3.org\/checklink\" rel=\"nofollow noopener\" target=\"_blank\">W3 Link Checker<\/a><\/li>\n<li><a href=\"http:\/\/home.snafu.de\/tilman\/xenulink.html\" rel=\"nofollow noopener\" target=\"_blank\">Xenu<\/a><\/li>\n<\/ul>\n<p><strong>Set-up 301 redirects for pages that are no longer exisitng<\/strong><\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"marketing\">\n<h2> Marketing: <\/h2>\n<\/section>\n<section id=\"set-a-launch-date\">\n<h2> Set a Launch Date <\/h2>\n<\/section>\n<section id=\"seo\">\n<h2> SEO <\/h2>\n<div class=\"text-content\">\n<h5>Keyword Research<\/h5>\n<p><strong>Install YOAST plugin<\/strong><\/p>\n<\/p><\/div>\n<div class=\"text-content\">\n<p><strong>Titles and Meta Data:<\/strong><\/p>\n<p>Your page title is the most important element for SEO and is also important so that users know what\u2019s on the page. Make sure it changes on every page and relates to that page\u2019s content.<\/p>\n<ul>\n<li>Keyword to be in title<\/li>\n<li>Title tags ~65 characters or less? Title tags over this will be truncated in results.<\/li>\n<li>Add Meta description on a page by page basis<\/li>\n<li>Meta description tags need to be less than 155 characters<\/li>\n<\/ul>\n<p>View section on SEO depending upon budget<\/p>\n<p>Social Media:<\/p>\n<ul>\n<li>Set- Up Rich Pins<\/li>\n<li>Geo-location<\/li>\n<li>Schema mark-up<\/li>\n<li>Install and submit Sitemap.xml file to Google<\/li>\n<\/ul><\/div>\n<\/section>\n<section id=\"setup-social-media-accounts\">\n<h2> Set-Up Social Media accounts <\/h2>\n<div class=\"text-content\">\n<p>Agree with client which social media accounts are important<\/p>\n<ul>\n<li>Set-up social media accounts<\/li>\n<li>Create branded images on all social media accounts<\/li>\n<li>Set-up social media syndication using IFTTT and HootSuite<\/li>\n<li>Train inhouse staff on social media if possible<\/li>\n<\/ul>\n<\/p><\/div>\n<\/section>\n<section id=\"add-website-to-email-signature\">\n<h2> Add Website to Email Signature <\/h2>\n<div class=\"text-content\">\n<p>Put clients website URL in email signature.<\/p>\n<p>If you use a browser for emails, check out <a href=\"http:\/\/www.wisestamp.com\/\" rel=\"nofollow noopener\" target=\"_blank\">WiseStamp<\/a> for Chrome and Firefox.<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"tracking\">\n<h2> Tracking: <\/h2>\n<\/section>\n<section id=\"analytics-tracking\">\n<h2> Analytics Tracking <\/h2>\n<div class=\"text-content\">\n<p>Installing a web analytics tool is essential.<\/p>\n<ul>\n<li>Google Analytics<\/li>\n<li>Google Adwords<\/li>\n<li>Clicky<\/li>\n<li>Piwik<\/li>\n<li>Bing Webmaster Tools<\/li>\n<\/ul>\n<\/p><\/div>\n<\/section>\n<section id=\"ab-testing\">\n<h2> A\/B Testing <\/h2>\n<div class=\"text-content\">\n<p>If budget allows then AB testing should be implemented.<\/p>\n<ul>\n<li><a href=\"https:\/\/support.google.com\/analytics\/answer\/1745152?hl=en\" rel=\"nofollow noopener\" target=\"_blank\">Google Experiments<\/a> (part of Google Analytics)<\/li>\n<li><a href=\"https:\/\/www.optimizely.com\" rel=\"nofollow noopener\" target=\"_blank\">Optimizely<\/a>&nbsp;<\/li>\n<li><a href=\"http:\/\/visualwebsiteoptimizer.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Visual Website Optimizer<\/a><\/li>\n<\/ul><\/div>\n<\/section>\n<section id=\"technical-programs\">\n<h2> Technical\/ Programs: <\/h2>\n<\/section>\n<section id=\"code-validation\">\n<h2> Code Validation <\/h2>\n<div class=\"text-content\">\n<p>The&nbsp;<a href=\"http:\/\/validator.w3.org\/\" rel=\"nofollow noopener\" target=\"_blank\">W3 Validator<\/a>&nbsp;is a free tool from The W3C that will help you make sure your code is up to scratch.<\/p>\n<p><a href=\"http:\/\/www.freeformatter.com\/validators.html\" rel=\"nofollow noopener\" target=\"_blank\">Free Formatter<\/a> has a list of a few more validation tools for different technologies.<\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"back-up-security\">\n<h2> Back Up\/ Security <\/h2>\n<div class=\"text-content\">\n<p>Using an automated backup tool is essential incase things go wrong<\/p>\n<ul>\n<li>Backup Buddy by iThemes<\/li>\n<li>Synch by iThemes<\/li>\n<li>Wordfence (security)<\/li>\n<li>Sucuri (monitoring if budget allows)<\/li>\n<\/ul><\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Design: Design website using Sketch &amp; Exporting to Zepplin: 2 versions of the homepage submitted to client via Invision App 2 versions of internal pages submitted to client Ensure Sketch files are in format required by developers Upload Sketch source files to Dropbox Upload photographs and other key elements to Dropbox Developers to confirm they [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":1049,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"ep_exclude_from_search":false,"cover_icon_emoji":"","cover_icon_url":"","tasks_count":"31","template_description":"Checklist Prior to any website launching","template_id":"hQx41POR91I2_d87Ds1ISg","task_0":"Design:","task_slug_0":"design","task_1":"Branding:","task_slug_1":"branding","task_2":"Content:","task_slug_2":"content","task_3":"Typography and Layout","task_slug_3":"typography-and-layout","task_4":"Spelling and Grammar Consistency","task_slug_4":"spelling-and-grammar-consistency","task_5":"Check Context","task_slug_5":"check-context","task_6":"Ensure No Test Content on Site","task_slug_6":"ensure-no-test-content-on-site","task_7":"Check Forms","task_slug_7":"check-forms","task_8":"Proof Read","task_slug_8":"proof-read","task_9":"Legal Pages are in place","task_slug_9":"legal-pages-are-in-place","task_10":"Design:","task_slug_10":"design-2","task_11":"Favicon","task_slug_11":"favicon","task_12":"Responsive Design","task_slug_12":"responsive-design","task_13":"Images","task_slug_13":"images","task_14":"404 Pages","task_slug_14":"404-pages","task_15":"Testing:","task_slug_15":"testing","task_16":"User","task_slug_16":"user","task_17":"Performance","task_slug_17":"performance","task_18":"Responsive\/ Cross Browser","task_slug_18":"responsive-cross-browser","task_19":"Broken Links","task_slug_19":"broken-links","task_20":"Marketing:","task_slug_20":"marketing","task_21":"Set a Launch Date","task_slug_21":"set-a-launch-date","task_22":"SEO","task_slug_22":"seo","task_23":"Set-Up Social Media accounts","task_slug_23":"setup-social-media-accounts","task_24":"Add Website to Email Signature","task_slug_24":"add-website-to-email-signature","task_25":"Tracking:","task_slug_25":"tracking","task_26":"Analytics Tracking","task_slug_26":"analytics-tracking","task_27":"A\/B Testing","task_slug_27":"ab-testing","task_28":"Technical\/ Programs:","task_slug_28":"technical-programs","task_29":"Code Validation","task_slug_29":"code-validation","task_30":"Back Up\/ Security","task_slug_30":"back-up-security","task_31":"Technical\/ Programs:","task_slug_31":"technical-programs","task_32":"Code Validation","task_slug_32":"code-validation","task_33":"Back Up\/ Security","task_slug_33":"back-up-security","task_34":"","task_slug_34":"","task_35":"","task_slug_35":"","task_36":"","task_slug_36":"","task_37":"","task_slug_37":"","task_38":"","task_slug_38":"","task_39":"","task_slug_39":"","task_40":"","task_slug_40":"","task_41":"","task_slug_41":"","task_42":"","task_slug_42":"","task_43":"","task_slug_43":"","task_44":"","task_slug_44":"","task_45":"","task_slug_45":"","task_46":"","task_slug_46":"","task_47":"","task_slug_47":"","task_48":"","task_slug_48":"","task_49":"","task_slug_49":"","task_50":"","task_slug_50":"","task_51":"","task_slug_51":"","task_52":"","task_slug_52":"","task_53":"","task_slug_53":"","task_54":"","task_slug_54":"","task_55":"","task_slug_55":"","task_56":"","task_slug_56":"","task_57":"","task_slug_57":"","task_58":"","task_slug_58":"","task_59":"","task_slug_59":"","task_60":"","task_slug_60":"","task_61":"","task_slug_61":"","task_62":"","task_slug_62":"","task_63":"","task_slug_63":"","task_64":"","task_slug_64":"","task_65":"","task_slug_65":"","task_66":"","task_slug_66":"","task_67":"","task_slug_67":"","task_68":"","task_slug_68":"","task_69":"","task_slug_69":"","task_70":"","task_slug_70":"","task_71":"","task_slug_71":"","task_72":"","task_slug_72":"","task_73":"","task_slug_73":"","task_74":"","task_slug_74":"","task_75":"","task_slug_75":"","task_76":"","task_slug_76":"","task_77":"","task_slug_77":"","task_78":"","task_slug_78":"","task_79":"","task_slug_79":"","task_80":"","task_slug_80":"","task_81":"","task_slug_81":"","task_82":"","task_slug_82":"","task_83":"","task_slug_83":"","task_84":"","task_slug_84":"","task_85":"","task_slug_85":"","task_86":"","task_slug_86":"","task_87":"","task_slug_87":"","task_88":"","task_slug_88":"","task_89":"","task_slug_89":"","task_90":"","task_slug_90":"","task_91":"","task_slug_91":"","task_92":"","task_slug_92":"","task_93":"","task_slug_93":"","task_94":"","task_slug_94":"","task_95":"","task_slug_95":"","task_96":"","task_slug_96":"","task_97":"","task_slug_97":"","task_98":"","task_slug_98":"","task_99":"","task_slug_99":"","footnotes":""},"categories":[7,1],"tags":[],"class_list":["post-11602","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-miscellaneous","category-uncategorized"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/posts\/11602","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/comments?post=11602"}],"version-history":[{"count":0,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/posts\/11602\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/media\/1049"}],"wp:attachment":[{"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/media?parent=11602"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/categories?post=11602"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.process.st\/templates\/wp-json\/wp\/v2\/tags?post=11602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}