Websites/Mozilla.org/One Mozilla/Visual-Design: Difference between revisions
< Websites | Mozilla.org | One Mozilla
Jump to navigation
Jump to search
(Created page with "'''Note: This page refers to the relaunch of the site completed in August 2009 and is available for reference.''' In February 2009, we'll begin the process of redesigning mozil...") |
m (moved One-Mozilla-Project/Visual-Design to Websites/Mozilla.org/One Mozilla/Visual-Design: Re-organizing and bringing up to date all Mozilla.org website documentation.) |
||
(35 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
''Note: This page refers to the Q4 redesign project for mozilla.org. You can read about the [https://wiki.mozilla.org/Mozilla.org/Redesign previous redesign of mozilla.org here.]'' | |||
<br> | |||
== Goals == | |||
*Learn & improve site architecture of mozilla.org and the main web properties in the mozilla.org universal tab | |||
== | == Design Approach == | ||
<b>Research</b> | |||
*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 | |||
*TBD | *January 31, 2012 - pass final PSDs of home page & interior page1 to dev team | ||
*TBD | *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 | |||
====<b>Home Page</b>==== | |||
*wireframes | |||
*designer comps [Bug] | |||
*launch content production [Bug] | |||
====<b>Six Major Landing Pages</b>==== | |||
*Get Involved @ [http://www.mozilla.org/contribute /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 @ [http://www.mozilla.org/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 @ [http://www.mozilla.org/mission /mission] | |||
**responsible: JSlater | |||
***consulted: SSchipper, MBaker, MNovak, KBaird, CBeard, MShapiro | |||
**data: | |||
**wireframes | |||
**designer comps [Bug] | |||
**launch content production [Bug] | |||
*Mozilla Products @ [http://www.mozilla.org/projects /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 @ [http://www.mozilla.org/projects/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 @ [http://www.mozilla.org/foundation /foundation] | |||
**owner: SSchipper | |||
**data: 7k page views, as entry points, per month | |||
**wireframes | |||
**designer comps [Bug] | |||
**launch content production [Bug] | |||
====<b>Minor Page Templates</b>==== | |||
*Interior 1. [http://www.mozilla.org/about/governance.html example page] | |||
== Assets == | |||
*'''[[blog.chrissiebrodigan.com/html/surveys.html|Stakeholder surveys]] -''' List of respnses from paid staff and core community about the needs of the mozilla.org home page and redesign<br> | |||
*'''Design brief -''' Summary of the survey responses and blue print for using Less to create a mobile first design for mozilla.org<br> | |||
*'''Home page Community Survey ([https://bugzilla.mozilla.org/show_bug.cgi?id=696949 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<br> | |||
**[http://bit.ly/yekYOT Survey Results] | |||
*'''[http://onemozilla.org One Mozilla Blog] - '''Tumblr where you can share comments, suggestions, and ideas | |||
== Challenges == | |||
* | |||
== 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 [https://bugzilla.mozilla.org/show_bug.cgi?id=720564 720564] | |||
One Mozilla 2-column Interior Page for all of mozilla.org [https://bugzilla.mozilla.org/show_bug.cgi?id=720565 - Bug 720565 ] | |||
*Notes: | |||
**Deadline, Feb 1, 2012 | |||
**Designer, Sean, and this will be the last One Mozilla template he creates | |||
**Copy, no copy bug needed | |||
**[http://www.mozilla.org/contribute/areas.html sample content] | |||
One Mozilla Website Assets for Q1 projects (e.g. REMO, Press Centers, etc.) [https://bugzilla.mozilla.org/show_bug.cgi?id=720571 - Bug 720571] | |||
*Notes: | |||
**Deadline, February 3, 2012 | |||
**Design, no design bug needed | |||
**Copy, no copy bug needed | |||
One Mozilla Blog Theme | |||
*Notes: | |||
**CB to file implementation bug for -> Mike Alexis/Craig Cook/Jake Maul | |||
**Deadline, February 2, 2012 (is that enough time? be flexible) | |||
**Designer, Ty - [https://bugzilla.mozilla.org/show_bug.cgi?id=720579 - Design Bug 720579] | |||
**Copy, no copy bug needed | |||
One Mozilla Press Center(s) | |||
*Notes: | |||
**Will use existing assets created in "One Mozilla Assets for Q1 Projects" bug | |||
**CB to file implementation bug -> StevenG | |||
**Deadline, February 14, 2012 | |||
**Designer, no design bug needed | |||
**Copy, no copy bug needed | |||
One Mozilla /contribute landing page | |||
*Notes: | |||
**Design deadline, February 10, 2012 | |||
***[https://bugzilla.mozilla.org/show_bug.cgi?id=715566 - Design Bug 715566] | |||
**copy, no copy bug needed | |||
**implementation bug -> Steven | |||
***implementation deadline, March 6, 2012 (go live on Bedrock) | |||
One Mozilla - /about /mission pages | |||
*Notes: | |||
**Kickoff meeting, Friday, January 27, 2012 | |||
***copy bug -> | |||
***design bug -> | |||
***implementation bug -> | |||
Upcoming Bugs, CB working with JSlater, filing February, 17, 2012 | |||
Bug: /products landing page | |||
(featuring: /firefox, /thunderbird, /marketplace, /persona, /B2G) | |||
*Notes: | |||
**deadline | |||
**copy bug | |||
**design bug | |||
**implementation bug | |||
Bug: /innovations page | |||
*Notes: | |||
**deadline | |||
**copy bug | |||
**design bug | |||
**implementation bug | |||
Bug: /apps page | |||
*Notes: | |||
**deadline | |||
**copy bug | |||
**design bug | |||
**implementation bug | |||
Bug: /persona page | |||
*Notes: | |||
**deadline | |||
**copy bug | |||
**design bug | |||
**implementation bug | |||
Other: | |||
*[https://bugzilla.mozilla.org/show_bug.cgi?id=696949 696949] - User survey mozilla.org home page | |||
*[https://bugzilla.mozilla.org/show_bug.cgi?id=630964 630964] - [One Mozilla] Integrate designs of www.mozilla.com and www.mozilla.org | |||
*[https://bugzilla.mozilla.org/show_bug.cgi?id=629699 629699] - [Universal Header] Phase 2 | |||
== Updates == | |||
*TBD | |||
*TBD | |||
*TBD | *TBD | ||
== Relevant Links == | == Relevant Links == | ||
*Bedrock ([http://etherpad.mozilla.com:9000/why-bedrock Why Bedrock] & [http://jlongster.com/s/moz-com-dev/ Current Pain Points of the Existing Platform]) | *Bedrock ([http://etherpad.mozilla.com:9000/why-bedrock Why Bedrock] & [http://jlongster.com/s/moz-com-dev/ Current Pain Points of the Existing Platform]) | ||
*[http://www.mozilla.org/en-US/firefox/brand/ Firefox Brand Toolkit] | *[http://www.mozilla.org/en-US/firefox/brand/ Firefox Brand Toolkit] | ||
*[[Mozilla.org:Big Picture]] | *[[Mozilla.org:Big Picture]] | ||
*About Mozilla [http://www.mozilla.org/about/ from www.mozilla.org] and [http://www.mozilla.com/en-US/about/ from www.mozilla.com] | *About Mozilla [http://www.mozilla.org/about/ from www.mozilla.org] and [http://www.mozilla.com/en-US/about/ from www.mozilla.com] | ||
*[http://commonspace.wordpress.com/2008/12/07/one-mozilla/ One Mozilla] | *[http://commonspace.wordpress.com/2008/12/07/one-mozilla/ One Mozilla] | ||
*[http://en.wikipedia.org/wiki/Mozilla History of the word Mozilla] | *[http://en.wikipedia.org/wiki/Mozilla History of the word Mozilla] | ||
*[http://www.azarask.in/blog/post/open-design-four-lessons/ Open Design: Five Lessons] | *[http://www.azarask.in/blog/post/open-design-four-lessons/ Open Design: Five Lessons] | ||
*[http://www.intothefuzz.com/2007/12/17/creating-a-new-look-for-mozillacom/ Creating a new look for mozilla.com] | *[http://www.intothefuzz.com/2007/12/17/creating-a-new-look-for-mozillacom/ Creating a new look for mozilla.com] |
Latest revision as of 19:44, 7 August 2012
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]
- owner: MColvig
- 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]
- responsible: JSlater
- Misson @ /mission
- responsible: JSlater
- consulted: SSchipper, MBaker, MNovak, KBaird, CBeard, MShapiro
- data:
- wireframes
- designer comps [Bug]
- launch content production [Bug]
- responsible: JSlater
- 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]
- owner: JSlater
- (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
- One Mozilla Blog - Tumblr where you can share comments, suggestions, and ideas
Challenges
Sitemap
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
One Mozilla 2-column Interior Page for all of mozilla.org - Bug 720565
- Notes:
- Deadline, Feb 1, 2012
- Designer, Sean, and this will be the last One Mozilla template he creates
- Copy, no copy bug needed
- sample content
One Mozilla Website Assets for Q1 projects (e.g. REMO, Press Centers, etc.) - Bug 720571
- Notes:
- Deadline, February 3, 2012
- Design, no design bug needed
- Copy, no copy bug needed
One Mozilla Blog Theme
- Notes:
- CB to file implementation bug for -> Mike Alexis/Craig Cook/Jake Maul
- Deadline, February 2, 2012 (is that enough time? be flexible)
- Designer, Ty - - Design Bug 720579
- Copy, no copy bug needed
One Mozilla Press Center(s)
- Notes:
- Will use existing assets created in "One Mozilla Assets for Q1 Projects" bug
- CB to file implementation bug -> StevenG
- Deadline, February 14, 2012
- Designer, no design bug needed
- Copy, no copy bug needed
One Mozilla /contribute landing page
- Notes:
- Design deadline, February 10, 2012
- copy, no copy bug needed
- implementation bug -> Steven
- implementation deadline, March 6, 2012 (go live on Bedrock)
One Mozilla - /about /mission pages
- Notes:
- Kickoff meeting, Friday, January 27, 2012
- copy bug ->
- design bug ->
- implementation bug ->
- Kickoff meeting, Friday, January 27, 2012
Upcoming Bugs, CB working with JSlater, filing February, 17, 2012
Bug: /products landing page (featuring: /firefox, /thunderbird, /marketplace, /persona, /B2G)
- Notes:
- deadline
- copy bug
- design bug
- implementation bug
Bug: /innovations page
- Notes:
- deadline
- copy bug
- design bug
- implementation bug
Bug: /apps page
- Notes:
- deadline
- copy bug
- design bug
- implementation bug
Bug: /persona page
- Notes:
- deadline
- copy bug
- design bug
- implementation bug
Other:
- 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