Skip to content

Instantly share code, notes, and snippets.

@midorikocak
Last active August 29, 2015 14:24
Show Gist options
  • Save midorikocak/efe44e1f7a1931983e7f to your computer and use it in GitHub Desktop.
Save midorikocak/efe44e1f7a1931983e7f to your computer and use it in GitHub Desktop.
Website Project Checklist

Website Project

Collect Common Elements

  • Logo
  • Title
  • favicon.ico
  • Images
  • Keywords
  • Description
  • Icons

Contact

  • Social Media Links
  • Address
  • Telephone
  • Email
  • Google Maps, lat, lng using Geocoding IP
  • Schema.org compatibility, Google Snippets, Structured Data

At The End

  • Privacy Policy
  • Terms of Service
  • Copyright

Presentation

  • Mobile First
  • Interactivity, Google maps, pinterest, instagram integration

Decide Sections

  • Static Pages
  • Blog with News
  • Image Sections, a thumbnail gallery or a slide with or wihout thumbnails

Page Sections

  • Title
  • Description
  • Content

Landing Page

  • A Killer Headline (Emphasizes "You")
  • A Big Hero Image
  • Subhead (A phrase to describe)
  • Call To Action (Ghost Buttons)
  • Benefits (3 or 4) with icons and title
  • Testimonals (3 or 4) with avatar, name, family name age, profession and city

A Card, shows a piece of information, 1/3 or 1/4 page size

  • Icon
  • Title
  • Subtitle
  • Image
  • Content text

A Navigation is an ordered list of links

  • Vertical or Horizontal
  • Responsive (a menu appearch when shrinked)
  • Titles of Sections and Subsections, is grouped or not?
  • Hierarchy, collapsible or only one level, a small arrow at right, dropdown on hover

A Page Section holds some kind of information

  • Can have background or not
  • Title (visible or invisible)
  • Description (visible or invisible)
  • Content (Scrolling cards, masonry cards, divided layout)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment