Labs/Site 2.0/Existing site replacement/Page outlines

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

Main Labs Page

  • Labs logo/icon + name, linked to main labs page
  • Main Labs weblog that also pulls in all "announcement"-tagged/categorized items from all project blogs (sort of a labs-planet that we can inject items into directly).
  • Short summary of what labs is and does
  • Feed of the latest discussions from mozilla.labs (title only, with links)
  • Links to all project sites
  • Link to Mozilla.com home
  • Links to pages about:
    • How to get involved with labs
    • A list of all Labs forums, with links and descriptions
    • About labs, including contact info for Labs, Press, Mozilla-in-general
  • One-click signup form for the about:labs newsletter
  • Search box (for whole Labs site and subsites, with an option for "All of Mozilla" if possible)
  • Copyright info
  • Links to privacy policy and legal notices
  • [PF] Promo-Box to highlight projects, news, etc. (should disappear if no content exists and should be able to rotate through content if more than one item exists)

Mockup

Mockup: Labs main page

Wireframe

Labs site main page wireframe


Labs site secondary pages

  • Labs logo/icon + name, linked to main labs page
  • Lots of space for content, possibly including text, embedded video, images, etc.
  • Link to main labs page
  • Links to pages about:
    • How to get involved with labs
    • A list of all Labs forums, with links and descriptions
    • About labs, including contact info for Labs, Press, Mozilla-in-general
  • One-click signup form for the about:labs newsletter
  • Search box (options for for project site, whole labs site, and all of mozilla, if possible)
  • Copyright info
  • Links to privacy policy and legal notices

Project site main page

  • Labs logo/icon + name, linked to main labs page
  • Project logo/icon + name, linked to main project page
  • Main project weblog
  • Mini-planet for project-related feeds (separate from the blog part in the subsites)
  • Short summary of the project
  • Big fat download button, if software is available ([PF] Download button should be interchangeable to other call to actions for projects without file download (e.g. Concept Series))
  • Feed for latest discussions from mozilla.labs.* (whichever is the project's discussion group)
  • Feed of recent code checkins ([PF] only if appropriate - not all projects have code)
  • Feed of recently filed bugs ([PF] only if appropriate - not all projects have bug tracking)
  • Links to all project sites
  • Links to pages for this project:
    • For Developers: How to get involved with this project
    • For Users: A landing-style page that is user-centric and friendly
    • About the project, including contact info for project leads and team members
  • One-click signup form for the about:labs newsletter
  • Search box (options for for project site, whole labs site, and all of mozilla, if possible)
  • Copyright info
  • Links to privacy policy and legal notices
  • [PF] Promo-Box to highlight specific news/items (should disappear if no content exists)

Mockup

Mockup: Labs project page

Wireframe

Labs site project page wireframe


Project secondary pages (ie: About, etc)

  • Labs logo/icon + name, linked to main labs page
  • Project logo/icon + name, linked to main project page
  • Lots of space for content, possibly including text, embedded video, images, etc.
  • Link to main project page
  • Link to all pages for this project:
    • For Developers: How to get involved with this project
    • For Users: A landing-style page that is user-centric and friendly
    • About the project, including contact info for project leads and team members
  • One-click signup form for the about:labs newsletter
  • Search box (options for for project site, whole labs site, and all of mozilla, if possible)
  • Copyright info
  • Links to privacy policy and legal notices

Concept Series Innovation Magazine / Showcase

  • Labs logo/icon + name, linked to main labs page
  • Project logo/icon + name, linked to main project page
  • Grid layout for displaying content in a "high-glossy" magazine-style layout (including text, embedded video, images, etc.)
  • Links to past editions of the "magazine" (planned publishing schedule: Once a month)
  • Link to main project page
  • One-click signup form for the about:labs newsletter
  • Search box (options for for project site, whole labs site, and all of mozilla, if possible)
  • Copyright info
  • Links to privacy policy and legal notices