Labs/Site 2.0/Existing site replacement/Final template mockups

From MozillaWiki
< Labs‎ | Site 2.0
Jump to: navigation, search

Links to full-size versions are the section titles...

Main site homepage

Main site homepage thumbnail


  • fat header highlighting current projects (random rotation to keep content fresh)
  • main Labs blog, blog feed and Get Involved! calls-to-action (we can add badges, graphics, etc here)
  • footer with latest 6 projects, blog, featured post, about snippet and newsletter CTA.

Main site subpage

Main site subpage thumbnail


  • shorter header w chemistry doodles (will illustrate out various doodles to be used as background fun graphics)
  • left nav with top element to return to homepage
  • right nav can be populated with 1) labs posts 2) external posts on projects 3) get involved 4) badges 5) latest discussions/bugs 6) etc, etc...
  • footer with latest 6 projects, blog, featured post, about snippet and newsletter CTA.

Project homepage

Project homepage thumbnail


  • header with branding and 3 project author editable CTAs to lure end user to key deeper content.
  • "Get it NOW!" button which disappears after end-user has installed.
  • Project overview + latest blog post in main column.
  • right nav 1 (Project 101) populates with "user resources" and "external project articles"
  • right nav 2 (Get Involved!) populates with "developer resources", "Latest Discussions" and "Latest Bugs Filed"
  • footer with active project highlighted, latest 5 projects, blog, featured post, about snippet and newsletter CTA.

Project subpage

Project subpage thumbnail


  • shorter header "did you know?" module where we can rotate fun facts about the project (editable in WP)
  • left nav populates with either "user resources" or "developer resources" with top element to return to project page
  • right nav populates with either "user resources" or "developer resources"
  • footer with active project highlighted, latest 5 projects, blog, featured post, about snippet and newsletter CTA.