Websites/Mozilla.org/One Mozilla/Visual-Design: Difference between revisions

Revision as of 22:02, 24 January 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]

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

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 720564

Design 2-column interior page template 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 assets for Q1 projects (e.g. REMO, Press Centers, etc.)

Bug 720571

- Notes:
  - Deadline, February 3, 2012
  - designer, Sean will provide simple PSD and Steven to create universal assets to live on github
  - copy, no copy bug needed

mozilla.com/blog single theme for all blogs
- Design Bug 720579
- 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
  - copy, no copy bug needed

One Mozilla Theme for Press Center(s)

using existing assets created in "One Mozilla Assets for Q1 Projects" bug

Notes:

- 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 - Design Bug 715566

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 ->

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

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

@@ Line 113: / Line 113: @@
 == Bugs  ==
-*Tracking Bug [https://bugzilla.mozilla.org/show_bug.cgi?id=720564 720564]
+Tracking Bug [https://bugzilla.mozilla.org/show_bug.cgi?id=720564 720564]
 *Design 2-column interior page template for all of mozilla.org
-[https://bugzilla.mozilla.org/show_bug.cgi?id=720565 720565 ]
+[https://bugzilla.mozilla.org/show_bug.cgi?id=720565 Bug 720565 ]
-**notes to include:
+**Notes:
-**deadline, Feb 1, 2012
+***Deadline, Feb 1, 2012
-**will be the last One Mozilla template that Sean creates
+***designer, Sean, and this will be the last One Mozilla template he creates
-**no copy bug needed
+***copy, no copy bug needed
-**[http://www.mozilla.org/contribute/areas.html sample content]
+***[http://www.mozilla.org/contribute/areas.html sample content]
 *One Mozilla assets for Q1 projects (e.g. REMO, Press Centers, etc.)
 [https://bugzilla.mozilla.org/show_bug.cgi?id=720571 Bug 720571]
-**These include: background, header, footer from One Mozilla design
+**Notes:
-**file mozilla.org/firefox website bug -> Sean provide simple PSD and Steven to create universal assets to live on github
+***Deadline, February 3, 2012
-**notes to include
+***designer, Sean will provide simple PSD and Steven to create universal assets to live on github
-**deadline, February 3, 2012
+***copy, no copy bug needed
-**no copy bug needed
 *mozilla.com/blog single theme for all blogs
-**https://bugzilla.mozilla.org/show_bug.cgi?id=720579
+**[https://bugzilla.mozilla.org/show_bug.cgi?id=720579 Design Bug 720579]
-**file design bug -> Tara cc' jslater
+**Notes:
-**file implementation bug -> Mike Alexis/Craig Cook/Jake Maul
+***CB to file implementation bug for -> Mike Alexis/Craig Cook/Jake Maul
-**notes to include:
+***Deadline, February 2, 2012 (is that enough time? be flexible)
-**deadline, February 2, 2012 (is that enough time? be flexible)
+***designer, Ty
-**Ty's expressed interest in this
+***copy, no copy bug needed
-**no copy bug needed
-Bug 4: press center single theme from One Mozilla skin
+*One Mozilla Theme for Press Center(s)
-*file implementation bug -> Steven
+using existing assets created in "One Mozilla Assets for Q1 Projects" bug
-*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
+Notes:
-*https://bugzilla.mozilla.org/show_bug.cgi?id=715566 (answer Tara's questions, so she can assign to designer)
+**CB to file implementation bug -> StevenG
-*implementation bug -> Steven
+**Deadline, February 14, 2012
-*notes to include:
+**designer, no design bug needed
-*copy is finalized and in wireframe
+**copy, no copy bug needed
-*design deadline, February 10, 2012
-*implementation deadline, March 6, 2012 (go live on Bedrock)
-Bug 6: /contribute page
+*One Mozilla /contribute landing page [https://bugzilla.mozilla.org/show_bug.cgi?id=715566 - Design Bug 715566]
-*/about & /mission (email matej to see if Friday would work for a kickoff)
-*send email & meeting invite:
+Notes:
-*Ryan M., Matej, Kristin, JSlater, Tara (send draft to John before sending to team)
+**Design deadline, February 10, 2012
-don't file bugs until after this kickoff meeting
+**copy, no copy bug needed
-*copy bug ->
+**implementation bug -> Steven
-*design bug ->
+***implementation deadline, March 6, 2012 (go live on Bedrock)
-*implementation bug ->
+One Mozilla - /about /mission pages
+Notes:
+**Kickoff meeting, Friday, January 27, 2012
+***copy bug ->
+***design bug ->
+***implementation bug ->
 *****
-Revisit with JSlater, February, 17, 2012
+Upcoming Bugs, CB working with JSlater, filing 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
+Bug: /products landing page
-*copy bug
+(featuring: /firefox, /thunderbird, /marketplace, /persona, /B2G)
-*design bug
-*implementation bug
-*notes:
-*deadline
-Bug 9: /apps page
+Notes:
-*TBD
+**deadline
-*Bug 10: /persona page
+**copy bug
-*TBD
+**design bug
+**implementation bug
-*****
+Bug: /innovations page
-Reference: https://wiki.mozilla.org/One-Mozilla-Project/Visual-Design
-/mission page
+Notes:
-send email & meeting invite
+**deadline
-background: the current site, but in the new site ... this is a page that will see more traffic, etc. brand style page
+**copy bug
-create etherpad favorite about pages
+**design bug
+**implementation bug
+Bug: /apps page
+Notes:
+**deadline
+**copy bug
+**design bug
+**implementation bug
+Bug: /persona page
-No bugs until after the meeting
+Notes:
-copy bug - Matej, Ryan, Kristin, JSlater, Tara (send email in advance that this bug is being filed)
+**deadline
-is this an HTML5 infographic
+**copy bug
-photo collage
+**design bug
-clear and understandable "What Mozilla is all About," Wow! something more impressive than what we have
+**implementation bug
-notes to include
-deadline
+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

Websites/Mozilla.org/One Mozilla/Visual-Design: Difference between revisions

Revision as of 22:02, 24 January 2012

Contents

Goals

Design Approach

Phase 1.

Home Page

Six Major Landing Pages

Minor Page Templates

Assets

Challenges

Sitemap

Wireframes

Bugs

Updates

Relevant Links

Navigation menu

Websites/Mozilla.org/One Mozilla/Visual-Design: Difference between revisions

Revision as of 22:02, 24 January 2012

Goals

Design Approach

Phase 1.

Home Page

Six Major Landing Pages

Minor Page Templates

Assets

Challenges

Sitemap

Wireframes

Bugs

Updates

Relevant Links

Navigation menu

Search