SlideShare a Scribd company logo
Rethinking the
Mozilla Web
Universe         Rethinking the
John Slater
                   Mozilla Web
Feb 11, 2010
                      Universe
                         John Slater
                            1.25.10




                                  Photo: NASA
today’s topic

  How can we make our websites better?
   (better for users, better for Mozilla)




2/11/10              2
today’s scope

   Focusing the big picture: the way our
websites work together, and the way users
 interact with them on a macro level (not
      specific content or design stuff).




2/11/10             3
caveat!


   This is a proposal. It’s all very much up
       for discussion, so let’s discuss.




2/11/10                4
the good news

          Mozilla operates a bunch of quality
          sites that, when viewed as a group,
           make us one of the biggest Web
                  companies around.




2/11/10                    5
the big leagues
 Monthly site stats (9/09):




                                  .

 • total: ~660 mm page views

2/11/10                       6
the bad news

      Our current approach to managing
        these sites creates a bad user
      experience and limits our ability to
         make the most of the traffic.




2/11/10                 7
in other words...

        Coming into the Mozilla web
      universe and trying to get the full
     picture of what we do (and how to
    get involved) can be really confusing.




2/11/10                8
and...

          We’re missing an opportunity to
          tell people about things besides
           the desktop Firefox (add-ons,
          mobile, services, stuff from labs,
                  the mission, etc)




2/11/10                    9
the goal

     Create a web universe that makes
    sense for users and gives us a better
       platform for telling our story.




  (and the good news is that these aren’t mutually exclusive)


2/11/10                        10
more specifically...
• sites that take advantage of massive traffic to
    fully support key company goals
• more ways to get users engaged with Mozilla
    and participate in the community
• data-driven sites that allow us to be more
    iterative with what we learn from metrics
• a stronger platform for communicating product
    values & benefits
• a site structure conducive to future growth
2/11/10                 11
step 1

       Start thinking of our sites as
   components of a larger whole rather
     than a bunch of individual pieces.




2/11/10              12
step 2

            Tell our story effectively by
          making sure each site has a clear
              role and distinct focus.




2/11/10                  13
step 3

           Start grouping related content
          together so it’ll be where users
                     can find it.




2/11/10                  14
step 4

          Connect sites more effectively
             through cross-linking, UI
           elements, visual palette, etc.




2/11/10                 15
some tactics

          Let’s have a single Mozilla site that
             can tell the story of why we’re
          here and serve as a central hub for
          all the other sites to orbit around.

              (i.e., continue to refine mozilla.org)




2/11/10                        16
some tactics

          Let’s create product- or audience-
            specific sites that will revolve
                around that central hub.

          (i.e., a single Mozilla-branded site + a bunch
                 of sites named after each product)




2/11/10                         17
some tactics

          For example, mozilla.com would
          be renamed to reflect its current
                 focus on Firefox.

            (i.e., firefox.com? mozilla.org/firefox?
                       firefox.mozilla.org?)




2/11/10                       18
some tactics

            Let’s integrate Firefox add-ons
           into the Firefox product site to
          create a more unified experience.

           (lots of ways this could be accomplished)




2/11/10                       19
some tactics

            Let’s unify our sites with some
          common elements - like a shared
           footer - and create a style guide
            for greater visual consistency.

            (while allowing each site to retain its
                   individuality, of course)



2/11/10                       20
how things might look




2/11/10             21
challenges & questions
• would this create an improper balance between
   the Firefox & Mozilla brands?
• similarly, we’re not a one-product company...
   would this approach create that impression?
• where do Mozilla Europe, Mozilla Japan and
   Mozilla China fit in?
• should we be working to unify our sites under a
   single domain instead of having separate ones?
• what else?
 2/11/10                  22
for further discussion:

              jslater@mozilla.com
          http://www.intothefuzz.com

                  (don’t be shy)




2/11/10                 23
Appendix




2/11/10      24
firefox.com
  • would be based around the Firefox-related
          content on the current mozilla.com site.
  • major visual and content overhaul of the
          Firefox product site...tighter site focus
          presents new design, content opportunities.
  • would allow for greater exposure of
          priorities like mobile and add-ons.
  • would still retain Mozilla branding, but in a
          more appropriate hierarchy.


2/11/10                      25
mozilla.org
  • as the “One Mozilla” site, it eliminates
          current confusion between mozilla.com and
          mozilla.org.
  • it would the place to tell the full Mozilla
          story.
  • is a great opportunity to expand the Mozilla
          brand, promote the mission and drive
          greater participation.
  • would still be coordinated by MoFo, but
          with greater MoCo involvement.
2/11/10                     26
add-ons integration
  • once firefox.com is redesigned, incorporate
          Firefox add-ons into the same look & feel.
  • could be a subset of key add-ons, or the
          entire group of them (details tbd).
  • an integrated site allows for greater cross-
          promotion and discovery.
  • would still be run by the AMO team, but
          with greater visual and brand consistency.



2/11/10                      27
common UX elements
  • connect sites more effectively with universal
          footer and other possible solutions.
  • group sites into categories (ex. community,
          product, developer, labs) and develop loose
          common design elements to create brand
          consistency and user clarity.
  • publicly share style guides to offer basic
          design direction, but don’t force this on
          anyone as a strict requirement.


2/11/10                       28
back end
  • use dynamic content to upsell add-ons,
          promote new initiatives & drive engagement.
  • more sites on the same domain creates a
          simpler and more accurate data reporting
          structure.
  • will create a more efficient “one stop shop”
          for internal metrics.
  • will give us new insights how users engage
          with us and our websites.


2/11/10                       29
possible roadmap
  • Q1: find external design resources, begin
          expanding mozilla.org
  • Q2: make switch to firefox.com, begin
          redesign process, begin testing new designs
  • Q3: add common UX elements, launch
          redesigned firefox.com
  • Q4: integrate add-ons into firefox.com,
          publish style guides



2/11/10                          30
summary
  • the current site structure has become
          complex and dense, and no longer fits the
          needs of a rapidly growing Mozilla.
  • we need to view our sites holistically, rather
          than treating them as individual properties.
  • a more well-organized site universe
          increases both visitor and business value.
  • if done right, this is a win/win for our
          products, users, mission and organization.


2/11/10                       31

More Related Content

PDF
WCM-8 A Tale of Two Web Quick Start Implementations
PDF
Web and Business
PPTX
Nature of Man presentation
KEY
Wordcamp2009 - Lessons from Mozilla
ZIP
7 Lessons from Mozilla
PPTX
Student reps 101_final
KEY
Mozilla Community Marketing Call (2/17/10)
PPTX
Mozilla Nepal Maker Party 2015, Hetauda.
WCM-8 A Tale of Two Web Quick Start Implementations
Web and Business
Nature of Man presentation
Wordcamp2009 - Lessons from Mozilla
7 Lessons from Mozilla
Student reps 101_final
Mozilla Community Marketing Call (2/17/10)
Mozilla Nepal Maker Party 2015, Hetauda.

Similar to Rethinking the Mozilla Web Universe (20)

PDF
Interns bootcamp 2010
PPTX
KEY
Mozilla Service Week - How to make an impact!
PPTX
Firefox student ambassadors and Mozilla
PPTX
Introduction to Mozilla Student Reps
PPTX
4087 chapter 08 8ed part2
PPTX
Making an impact through Mozilla Community Marketing - BITS Goa, QUARK 2010
KEY
Mozilla 2009 All Hands
DOC
T2L3.doc
PDF
Mozilla Project and Open Web
PDF
Mozilla Research Party Talk
PPT
Principles of Web Design
KEY
Community Marketing Call 03/31/10
PPT
Travel Website Redesign & Reconstruction
PDF
How to Plan For and Manage a Successful Web Redesign Project
PPT
Open Source Design, Mozilla and You
PDF
Mozcafe@bcrec1
PDF
Designing for Web 2.0: The Visual Ecosystem
PDF
Moz camp in asia 2012 making strategy and plan of grow mozilla for your country
PDF
MozCamp wrapup 2011
Interns bootcamp 2010
Mozilla Service Week - How to make an impact!
Firefox student ambassadors and Mozilla
Introduction to Mozilla Student Reps
4087 chapter 08 8ed part2
Making an impact through Mozilla Community Marketing - BITS Goa, QUARK 2010
Mozilla 2009 All Hands
T2L3.doc
Mozilla Project and Open Web
Mozilla Research Party Talk
Principles of Web Design
Community Marketing Call 03/31/10
Travel Website Redesign & Reconstruction
How to Plan For and Manage a Successful Web Redesign Project
Open Source Design, Mozilla and You
Mozcafe@bcrec1
Designing for Web 2.0: The Visual Ecosystem
Moz camp in asia 2012 making strategy and plan of grow mozilla for your country
MozCamp wrapup 2011
Ad

Recently uploaded (20)

PDF
A comparative analysis of optical character recognition models for extracting...
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Spectral efficient network and resource selection model in 5G networks
PPTX
OMC Textile Division Presentation 2021.pptx
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Machine learning based COVID-19 study performance prediction
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Encapsulation theory and applications.pdf
PDF
Accuracy of neural networks in brain wave diagnosis of schizophrenia
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PPTX
1. Introduction to Computer Programming.pptx
PPTX
cloud_computing_Infrastucture_as_cloud_p
PDF
Heart disease approach using modified random forest and particle swarm optimi...
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
A comparative analysis of optical character recognition models for extracting...
Advanced methodologies resolving dimensionality complications for autism neur...
Spectral efficient network and resource selection model in 5G networks
OMC Textile Division Presentation 2021.pptx
Network Security Unit 5.pdf for BCA BBA.
Machine learning based COVID-19 study performance prediction
Building Integrated photovoltaic BIPV_UPV.pdf
Mobile App Security Testing_ A Comprehensive Guide.pdf
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Unlocking AI with Model Context Protocol (MCP)
Encapsulation theory and applications.pdf
Accuracy of neural networks in brain wave diagnosis of schizophrenia
Encapsulation_ Review paper, used for researhc scholars
gpt5_lecture_notes_comprehensive_20250812015547.pdf
1. Introduction to Computer Programming.pptx
cloud_computing_Infrastucture_as_cloud_p
Heart disease approach using modified random forest and particle swarm optimi...
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
Digital-Transformation-Roadmap-for-Companies.pptx
Ad

Rethinking the Mozilla Web Universe

  • 1. Rethinking the Mozilla Web Universe Rethinking the John Slater Mozilla Web Feb 11, 2010 Universe John Slater 1.25.10 Photo: NASA
  • 2. today’s topic How can we make our websites better? (better for users, better for Mozilla) 2/11/10 2
  • 3. today’s scope Focusing the big picture: the way our websites work together, and the way users interact with them on a macro level (not specific content or design stuff). 2/11/10 3
  • 4. caveat! This is a proposal. It’s all very much up for discussion, so let’s discuss. 2/11/10 4
  • 5. the good news Mozilla operates a bunch of quality sites that, when viewed as a group, make us one of the biggest Web companies around. 2/11/10 5
  • 6. the big leagues Monthly site stats (9/09): . • total: ~660 mm page views 2/11/10 6
  • 7. the bad news Our current approach to managing these sites creates a bad user experience and limits our ability to make the most of the traffic. 2/11/10 7
  • 8. in other words... Coming into the Mozilla web universe and trying to get the full picture of what we do (and how to get involved) can be really confusing. 2/11/10 8
  • 9. and... We’re missing an opportunity to tell people about things besides the desktop Firefox (add-ons, mobile, services, stuff from labs, the mission, etc) 2/11/10 9
  • 10. the goal Create a web universe that makes sense for users and gives us a better platform for telling our story. (and the good news is that these aren’t mutually exclusive) 2/11/10 10
  • 11. more specifically... • sites that take advantage of massive traffic to fully support key company goals • more ways to get users engaged with Mozilla and participate in the community • data-driven sites that allow us to be more iterative with what we learn from metrics • a stronger platform for communicating product values & benefits • a site structure conducive to future growth 2/11/10 11
  • 12. step 1 Start thinking of our sites as components of a larger whole rather than a bunch of individual pieces. 2/11/10 12
  • 13. step 2 Tell our story effectively by making sure each site has a clear role and distinct focus. 2/11/10 13
  • 14. step 3 Start grouping related content together so it’ll be where users can find it. 2/11/10 14
  • 15. step 4 Connect sites more effectively through cross-linking, UI elements, visual palette, etc. 2/11/10 15
  • 16. some tactics Let’s have a single Mozilla site that can tell the story of why we’re here and serve as a central hub for all the other sites to orbit around. (i.e., continue to refine mozilla.org) 2/11/10 16
  • 17. some tactics Let’s create product- or audience- specific sites that will revolve around that central hub. (i.e., a single Mozilla-branded site + a bunch of sites named after each product) 2/11/10 17
  • 18. some tactics For example, mozilla.com would be renamed to reflect its current focus on Firefox. (i.e., firefox.com? mozilla.org/firefox? firefox.mozilla.org?) 2/11/10 18
  • 19. some tactics Let’s integrate Firefox add-ons into the Firefox product site to create a more unified experience. (lots of ways this could be accomplished) 2/11/10 19
  • 20. some tactics Let’s unify our sites with some common elements - like a shared footer - and create a style guide for greater visual consistency. (while allowing each site to retain its individuality, of course) 2/11/10 20
  • 21. how things might look 2/11/10 21
  • 22. challenges & questions • would this create an improper balance between the Firefox & Mozilla brands? • similarly, we’re not a one-product company... would this approach create that impression? • where do Mozilla Europe, Mozilla Japan and Mozilla China fit in? • should we be working to unify our sites under a single domain instead of having separate ones? • what else? 2/11/10 22
  • 23. for further discussion: jslater@mozilla.com http://www.intothefuzz.com (don’t be shy) 2/11/10 23
  • 25. firefox.com • would be based around the Firefox-related content on the current mozilla.com site. • major visual and content overhaul of the Firefox product site...tighter site focus presents new design, content opportunities. • would allow for greater exposure of priorities like mobile and add-ons. • would still retain Mozilla branding, but in a more appropriate hierarchy. 2/11/10 25
  • 26. mozilla.org • as the “One Mozilla” site, it eliminates current confusion between mozilla.com and mozilla.org. • it would the place to tell the full Mozilla story. • is a great opportunity to expand the Mozilla brand, promote the mission and drive greater participation. • would still be coordinated by MoFo, but with greater MoCo involvement. 2/11/10 26
  • 27. add-ons integration • once firefox.com is redesigned, incorporate Firefox add-ons into the same look & feel. • could be a subset of key add-ons, or the entire group of them (details tbd). • an integrated site allows for greater cross- promotion and discovery. • would still be run by the AMO team, but with greater visual and brand consistency. 2/11/10 27
  • 28. common UX elements • connect sites more effectively with universal footer and other possible solutions. • group sites into categories (ex. community, product, developer, labs) and develop loose common design elements to create brand consistency and user clarity. • publicly share style guides to offer basic design direction, but don’t force this on anyone as a strict requirement. 2/11/10 28
  • 29. back end • use dynamic content to upsell add-ons, promote new initiatives & drive engagement. • more sites on the same domain creates a simpler and more accurate data reporting structure. • will create a more efficient “one stop shop” for internal metrics. • will give us new insights how users engage with us and our websites. 2/11/10 29
  • 30. possible roadmap • Q1: find external design resources, begin expanding mozilla.org • Q2: make switch to firefox.com, begin redesign process, begin testing new designs • Q3: add common UX elements, launch redesigned firefox.com • Q4: integrate add-ons into firefox.com, publish style guides 2/11/10 30
  • 31. summary • the current site structure has become complex and dense, and no longer fits the needs of a rapidly growing Mozilla. • we need to view our sites holistically, rather than treating them as individual properties. • a more well-organized site universe increases both visitor and business value. • if done right, this is a win/win for our products, users, mission and organization. 2/11/10 31

Editor's Notes

  • #13: more of a mental shift than anything else - will get to the details in a minute
  • #15: Firefox & add-ons, for example; MDN for another example