MDN/Projects/Completed/Redesign

As part of supporting the launch of Firefox OS and an ongoing desire to improve the usability of MDN, we'll be embarking on a site redesign in 2013.

High-Level Redesign Goals

• Unified experience for developers - across MDN docs, Mozilla tools and products
• Improve user experience & usability
• Better site structure, navigation & ability to quickly find key content
• Update the design to something dynamic, modern, & more consistent with the brand
• More flexibility in content sources and presentation (wiki, github, read the docs, offline, on mobile devices)

Redesign Roadmap

• Full Site Redesign/Rebranding - further refine global nav & homepage, new site design, restructure information architecture, new landing pages, new features
  • Architecture proposal completed and shared for feedback - 27 June
  • Community feedback of proposals via IRC - 17:00:00 GMT 28 July
  • Wireframes completed and handed off to design team - 2 July
  • Design phase - 2 August - 10 September
  • Beta Testing: starting 1 October
  • Implementation roll out - TBD

Track progress through the Redesign Tracking bug in Bugzilla

How you can be involved

Input into tasks & planning

Much of the planning goes on in the mdn-drivers mailing list; you should join if you want to help prioritize the development work that happens on MDN, including the redesign.

Testing & Feedback

Please see our Testing page.

Help with new site content

We have some lovely new templates for landing pages, and we need help creating these pages! - if you'd like to own a section of the site - making sure the pages are thoroughly tested, provide input and advive on how to apply or improve the design ,etc, please email Ali (aspivak@mozilla.com). Pages need to be tagged for the new search functionality - the guide to doing this will be published shortly Pages need to have Quicklinks added (see the page design for examples of quicklinks) - the guide to doing this will be published shortly

Redesign Documentation

User Experience & Design

• First Draft of new homepage design & page for info & feedback
• Feedback on homepage wireframe
• Homepage & Landing Page Wireframes (full set)
• Proposed page design v1 - pdf of design mockups plus wiki page for feedback on the design
• Landing Page wireframe
• Proposed Site Architecture (high level)
• Wireframes for Page Types, Article Level Template, Search (in progress)
• User Research

PRD's and Planning

Current:

• Redesign Tasks
• Home Page Content - brainstorming what goes on the new MDN homepag
• MDN Community content - what info we should provide about the MDN community
• Proposed Page Layouts
• Redesign PRD
• Redesign Goals

May 2013 Release:

• PRD for Content Zones/DevHub integration
• Home Page content for May 2013 Release
• DevHub Integration Strategy
• Devhub Requirements (aka MDN Curation)
• Kickoff meeting notes