1

Click here to load reader

Website Launch Checklist

Embed Size (px)

Citation preview

Page 1: Website Launch Checklist

Checkpoint Details CHECK  ✔

A Domain  Name  &  Hosting  Details1 DNS  &  Hosting  logins Make  sure  you  have  all  the  credentials  from  the  client:  User/Pass;  FTP  credentials;  etc.2 Webside  domain Ensure  the  site  domain  works  with  and  without  www

Make  sure  all  requirements  are  met  (PHP,  MySQL,  Ruby  etc.)E.g.:  for  WordPress  sites:  http://wordpress.org/about/requirements/

4 Traffic  expectations Scale  hosting  server/Set  up  mirroring  -­‐  if  needed5 Email  accounts Create  /  Migrate6 Hardcoded  links Ensure  all  links  will  change  to  the  "live"  URL/domain  when  the  site  is  launched7 SSL  certificate,  if  needed For  e-­‐commerce  websites,  or  apps,  https  is  recommended

B Content  &  StyleMake  sure  all  fonts  are  loading  and  there  are  web-­‐safe,  or  offer  a  fallbackLook  for  something  like:  font-­‐weight:  normal;  font-­‐size:  36px;  color:  #4d4d4d;font-­‐family:  'BentonSans-­‐Light',  Arial  ,  Helvetica,  sans-­‐serif;

2 Pixel  perfect   Make  sure  all  alignments,  spacings  and  other  elements  are  coded  exactly  as  in  the  design.  Attention  to  details  is  crucial.

3 Usability Make  sure  all  buttons/links  have  mouse-­‐over  and  select  states,  all  photos  load  instantly  (use  preload/sprite),  etc.

4 Consistency Capitalisation,  Bullets,  Headlines,  Links,  etc.Make  sure  you  have  the  Footer  menu  in  place  (including  Copyright,  Terms  &  Conditions,  etc.)And  ensure  that  the  footer  sticks  to  the  browser  window  as  this  enlarges  (so  no  extra  white  space  below  the  footer,  for  small  pages,  on  big  screens)

6 Spelling  &  grammar Proofread  everything7 Ensure  all  content  is  there No  more  "lorem  ipsum"

C SEOEnsure  they  make  sense  and  have  relevant  keywords  in  themLook  for:  <title>  Title  Of  The  Page  Goes  Here  </title>Create  metadata  descriptions  for  important  pages  (they  show  up  in  Google  search)Look  for:  <meta  name="description"  content="Short  Description  Of  The  Page  Goes  Here"/>

Google  Analytics Insert  the  GA  code  (or  other  monitoring  services) Look  for  a  javascript  that  contains  the  GA  code  structured:  UA-­‐XXXXX-­‐Y

D Functionality1 Overall  functionality  check Test  everything  thoroughly  -­‐  does  everything  work?

Check  on  common  variations  of  browser  (IE,  Firefox,  Safari,  Chrome,  Opera)  and  platforms  (Windos,  OSX,  Linux);  Mobile/tablet  also,  if  the  website  is  responsivePopular  browsers/OS:  http://www.w3schools.com/browsers/;  Useful  tool:  http://browsershots.org/Check  on  common  variations  of  Screen  ResolutionPopular  resolutions:  http://www.w3schools.com/browsers/browsers_display.asp

4 External  links Make  sure  that  all  external  links  are  valid  and  in  place5 Logo  /  home  link Make  sure  the  logo  links  to  the  homepage

Make  sure  that  all  users  are  able  to  see  the  website  no  matter  what  their  browser  settings  areTest  for:  JavaScript  off  /  Flash  non-­‐compatible  /  Forms  validations  &  custom  fields;  etc.

E Finishing  touches1 Error  pages Make  sure  error  pages  are  in  place  (404  Page  not  found;  500  Sorry  but  something  went  wrong;  etc.)

2 ValidationsMake  sure  all  forms  have  validations  in  place:  Error  messages  ("Invalid  email/password";  "Complete  all  required  fields";  etc.)  and  Thank  You  messages  ("Thank  you  for  subscribing";  "Your  email  was  sent,  we'll  contact  you  shortly";  etc.)

3 Favicon favicon.icoDon't  forget  to  set  up  a  print  style  for  the  websiteLook  for:  <link  rel="stylesheet"  type="text/css"  href="print.css"  media="print"  />

E Standards  and  ValidationMake  one  final  sweep  through  the  code  to  check  for  validation  errors.Read  more:  http://www.maxdesign.com.au/articles/checklist/

2 XML  sitemap Helps  search  engines  to  correctly  index  the  website

G OptimizationEnsure  your  website  loads  quickly  and  uses  small  server  resources.[Optimize  images,  reduce  HTTP  requests,  compress  (minify)  JS  and  CSS  files,  enable  cache]Use:  Chrome  Inspect  Element  -­‐>  Network  or:  http://tools.pingdom.com/fpt/Read  more:  http://www.insidecrm.com/articles/crm-­‐blog/the-­‐webmasters-­‐turbo-­‐kit-­‐50plus-­‐tips-­‐and-­‐resources-­‐to-­‐improve-­‐your-­‐sites-­‐speed-­‐and-­‐performance-­‐53524/

H Security1 Back  up Ensure  you  are  backing  up  any  databases  on  the  website2 Forms Protect  forms  against  SQL  injections  and  spam3 Passwords Change  any  default  passwords

1 HTML/CSS  accesibility  &  JavaScript

Speed  /  Performance1

Graceful  degradations6

Print  style4

Browser  testing2

3 Resolution  testing

3

Footer5

Page  titles1

Metadata  descriptions2

WEBSITE  LAUNCH  CHECKLIST

Hosting  requirements3

1 Fonts