MDN/Archives/MDNv09x/v095

We need to have the Demo Studio Challenges page up by June 1, 2010, so this is going to be a quick release with a lot of new design work. Given the static nature of most of the new content, hopefully we will be able to get MDN 0.9.5 out on time.

Features

Mstone	Component	Feature	Rank	Owner
0.9.5	Demo Studio	Demo Studio redesign + challenges page(s)	P1	lorchard
0.9.5	Home	MDN home page and header redesign	P1	lcrouch
0.9.5	Engagement	Simple MDN affiliate/button page	P2	lorchard
0.9.5	Users	Member/developer profile system	P2	lcrouch

(P1) Demo Studio redesign and challenge page(s)

Summary:

• Based on feedback from various sources, we want to rethink the experience on the MDN homepage. We want to add more messaging about what Mozilla and MDN are all about and add clear promos for major features of the site and some CTAs.

Goals:

• Freshen up the Demo Studio homepage with more graphics and better layout
  • New Demo Studio title/graphic + space for Challenge promos
  • No new features/functional changes required
• Add a main Challenge page with basic info and challenge details
• Create supporting Challenge pages template (for terms, faq, judges, etc)
• Creative assets for promoting the Challenge

(P1) MDN Home page and header redesign

Summary:

• Based on feedback from various sources, we want to rethink the experience on the MDN homepage. We want to add more messaging about what Mozilla and MDN are all about and add clear promos for major features of the site and some CTAs.

• Goals:
• Clean up huge promo box from home page, replace with:
  • Rethink the home page header (to compliment new simple header for the rest of the site)
  • Welcome note and messaging about what Mozilla and MDN are.
  • CTAs for major sections of MDN (Demos, Learning, Docs)
  • Focus on Web developer docs and resources
• Create a new MDN website header to use throughout the rest of the site (except for home page)
  • Improve upon the simple banner/bar header we use for Demo Studio

(P2) Simple MDN affiliates/button page

• Goals
  • Create affiliate button selector based on:
    • Topic: Web, Demos, HTML, CSS, or JavaScript
    • Color: Red, Orange, Gray
    • Style: Toolbox, Hotrod, etc
  • Generate tracking snippet that users can put on their blogs/sites

• Resources
  • Buttons created by Matt Ternoway (will share link to files soon)
  • Tracking codes created with WebTrends (see this bug)

(P2) Member/developer profile system

• Goals
  • Create a django based profile dashboard to members
    • Personal info they wish to share with the community
    • Docs feed (docs watched, edited, etc)
    • Demos feed (submitted, liked, shared, etc)
  • Link to new profile page from Demo Studio (and any other places that make sense)

• Developer profile fields
  • Bio: Name, Location, Short description, Website, Twitter
  • Occupation?: Title, Organization, What I work on...
  • Areas of expertise: Tags for various web technologies and disciplines

• Resources
  • Original Happy Cog mockup