Sarah Moyer

WordPress Development for Web Agencies

  • Home
  • Work with Me
    • for Agencies
    • for Designers
    • for Business Owners
    • FAQs
    • Website Care
  • Portfolio
  • Blog
  • Contact

Website Design Checklist

Last updated on February 12, 2019 · Posted in Tips

Link to entire list in Dropbox

Header

  •  Logo in vector
  •  Fonts
  •  Main menu links (including dropdowns)
  •  Secondary menu links (including dropdowns)
  •  Header area easily defined (where header stops and home content starts)
  •  Any notes on what you expect for mobile

Global

  •  Page titles (H1)
  •  Typical headings (H2-H6)
  •  Alternate heading 2 & 3 styles
  •  blockquote
  •  horizontal line break
  •  list of colors (#hex numbers)
  •  list of fonts, including icon fonts

Menus

  •  All menu links and dropdown links (main, secondary, header, footer, sidebar, internal)
  •  Link hover style
  •  Current link style
  •  Dropdown style
  •  Sitemap & Navigation

Each Page

  •  Images and graphics included in separate folder
  •  Notate what is clickable and include links
  •  Any notes on what you expect for mobile
  •  Call to action

Sidebar

  •  Content & images
  •  Images included in separate folder
  •  Multiple testimonials/photos for sliders

Page Designs

  •  404 page
  •  Search results page

Forms

  •  form fields styles (static, hover, active)
  •  form field text and title styling
  •  form button styles (static, hover, active, focus)
  •  form error & message boxes style
  •  button text
  •  success message design

Other Resources:

  • List by Smashing Mag
  • List by 10BestDesign
  • List by Raphael
  • List by the Vintage Agency

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Anti-Spam by WP-SpamShield

Copyright © 2019 by Sarah Moyer · Privacy Policy