Websites/Mozilla.org/One Mozilla/Visual-Design

Note: This page refers to the Q4 redesign project for mozilla.org. You can read about the previous redesign of mozilla.org here.

Goals

• Learn & improve site architecture of mozilla.org and the main web properties in the mozilla.org universal tab

Design Approach

Research

• Develop sitemap(s)
• Understand metrics
• Conduct stakeholder interviews
• Pull edge cases

Phase 1.

Releases:

• 5.0, January 24, 2012 - Roll out Static Universal Tab on mozilla.org & /firefox to test % of users

• January 31, 2012 - pass final PSDs of home page & interior page1 to dev team
• February 7, 2012 - pass final PSDs of Contribute landing page to dev team
  • link to content migrated to Bedrock
• February 14, 2012 - pass final PSDs of Products, Innovations, and About landing pages to dev team
  • single page on Bedrock
• February 21, 2012 - pass final PSD of (potential) Foundation landing page to dev team
  • link to content scheduled to start migration to Bedrock
• 5.12, March 27, 2012
  • Final /firefox content migration to Bedrock
  • mozilla.org content migration ongoing

Home Page

• wireframes
• designer comps [Bug]
• launch content production [Bug]

Six Major Landing Pages

• Get Involved @ /contribute
  • owner: MColvig
    • consulted: DBoswell
    • informed: JasonH, Aakash, + everyone else
  • data: 420k page views, as entry points, per month
  • wireframes
  • designer comps [Bug]
  • launch content production [Bug]

• About @ /about
  • responsible: JSlater
    • consulted: SSchipper, MBaker, MNovak, KBaird, MShapiro
    • informed: everyone else
  • data: 188k page views, as entry points, per month
  • wireframes
  • designer comps [Bug]
  • launch content production [Bug]

• Misson @ /mission
  • responsible: JSlater
    • consulted: SSchipper, MBaker, MNovak, KBaird, CBeard, MShapiro
  • data:
  • wireframes
  • designer comps [Bug]
  • launch content production [Bug]

• Mozilla Products @ /projects
  • owner: JSlater
    • consulted: CBeard, RSrinivasan, Fligtar, MShapiro, LMesa
  • data: 64k page views, as entry points, per month
  • wireframes
  • designer comps [Bug]
  • launch content production [Bug]

• (PROPOSED PAGE) Mozilla Innovations @ /projects/innovations
  • owner: JSlater
  • data: 64k page views, as entry points, per month
  • wireframes
  • designer comps [Bug]
  • launch content production [Bug]

• (PROPOSED PAGE) Mozilla Foundation @ /foundation
  • owner: SSchipper
  • data: 7k page views, as entry points, per month
  • wireframes
  • designer comps [Bug]
  • launch content production [Bug]

Minor Page Templates

• Interior 1. example page

Assets

• Stakeholder surveys - List of respnses from paid staff and core community about the needs of the mozilla.org home page and redesign
  

• Design brief - Summary of the survey responses and blue print for using Less to create a mobile first design for mozilla.org
  

• Home page Community Survey (Bug 696949 ) - Results of a single-question survey conducted on mozilla.org to help us identify why people are coming to mozilla.org, so we can design a richer and more useful experience
  
  • Survey Results

• One Mozilla Blog - Tumblr where you can share comments, suggestions, and ideas

Sitemap

• http://www.flickr.com/photos/chrissiebrodigan/6307609495/in/set-72157628236193111

Wireframes

• V1, Simple Pie, http://www.flickr.com/photos/chrissiebrodigan/6437291099/in/photostream
• V2, Side Dish, http://www.flickr.com/photos/chrissiebrodigan/6437300485/in/photostream
• V3, Side Dishes, http://www.flickr.com/photos/chrissiebrodigan/6437300661/in/photostream
• V4, Lazy Susan, http://www.flickr.com/photos/chrissiebrodigan/6437300927/in/photostream
• V5, Tasting Menu, http://www.flickr.com/photos/chrissiebrodigan/6437301065/in/photostream

Bugs

• Tracking Bug 720564

• Design 2-column interior page template for all of mozilla.org

720565

• • notes to include:
  • deadline, Feb 1, 2012
  • will be the last One Mozilla template that Sean creates
  • no copy bug needed
  • sample content

• One Mozilla assets for Q1 projects (e.g. REMO, Press Centers, etc.)

Bug 720571

• • These include: background, header, footer from One Mozilla design
  • file mozilla.org/firefox website bug -> Sean provide simple PSD and Steven to create universal assets to live on github
  • notes to include
  • deadline, February 3, 2012
  • no copy bug needed

• mozilla.com/blog single theme for all blogs
  • https://bugzilla.mozilla.org/show_bug.cgi?id=720579
  • file design bug -> Tara cc' jslater
  • file implementation bug -> Mike Alexis/Craig Cook/Jake Maul
  • notes to include:
  • deadline, February 2, 2012 (is that enough time? be flexible)
  • Ty's expressed interest in this
  • no copy bug needed

Bug 4: press center single theme from One Mozilla skin

• file implementation bug -> Steven
• notes to include
• deadline, February 14, 2012
• no copy bug needed
• using existing assets created in "One Mozilla Assets for Q1 Projects" bug

Bug 5: /contribute page

• https://bugzilla.mozilla.org/show_bug.cgi?id=715566 (answer Tara's questions, so she can assign to designer)
• implementation bug -> Steven
• notes to include:
• copy is finalized and in wireframe
• design deadline, February 10, 2012
• implementation deadline, March 6, 2012 (go live on Bedrock)

Bug 6: /contribute page

• /about & /mission (email matej to see if Friday would work for a kickoff)
• send email & meeting invite:
• Ryan M., Matej, Kristin, JSlater, Tara (send draft to John before sending to team)

don't file bugs until after this kickoff meeting

• copy bug ->
• design bug ->
• implementation bug ->

Revisit with JSlater, February, 17, 2012

Bug 7: /products landing page, featuring: /firefox, /thunderbird, /marketplace, /persona, /B2G

• copy bug
• design bug
• implementation bug
• notes:
• deadline

Bug 8: /innovations page

• copy bug
• design bug
• implementation bug
• notes:
• deadline

Bug 9: /apps page

• TBD
• Bug 10: /persona page
• TBD

Reference: https://wiki.mozilla.org/One-Mozilla-Project/Visual-Design /mission page send email & meeting invite background: the current site, but in the new site ... this is a page that will see more traffic, etc. brand style page create etherpad favorite about pages

No bugs until after the meeting copy bug - Matej, Ryan, Kristin, JSlater, Tara (send email in advance that this bug is being filed) is this an HTML5 infographic photo collage clear and understandable "What Mozilla is all About," Wow! something more impressive than what we have notes to include deadline

• 696949 - User survey mozilla.org home page
• 630964 - [One Mozilla] Integrate designs of www.mozilla.com and www.mozilla.org
• 629699 - [Universal Header] Phase 2

Updates

• TBD
• TBD
• TBD

Relevant Links

• Bedrock (Why Bedrock & Current Pain Points of the Existing Platform)
• Firefox Brand Toolkit
• Mozilla.org:Big Picture
• About Mozilla from www.mozilla.org and from www.mozilla.com
• One Mozilla
• History of the word Mozilla
• Open Design: Five Lessons
• Creating a new look for mozilla.com