View source for Mobile/webdevplan/mockups

==Phase 1==
===Mozilla.com Wireframes===
[[File:Mobile_mozcom_P1_landing.png|200px|thumb|center|Landing Page Wireframe w/ Chrome]]
[[File:Mobile_mozcom_P1_landing_full.png|200px|thumb|center|Full Landing Page Wireframe]]
===Mozilla.com Hi-Fi Mockups===
[[File:Mobile_mozcom_P1_landing_full_hifi.png|200px|thumb|center|Full Landing Page Hi-Fi Mockup]]
===SUMO Hi-Fi Mockups===
[[File:Mobile_sumo_P1_landing_full_hifi.png|200px|thumb|center|SUMO Landing Page Hi-Fi Mockup]]

==Phase 2==

[[File:Mobile_mozcom_P2_landing.png|200px|thumb|center|Landing Page Wireframe]]

==Phase 3==
===AMO Hi-Fi Mockups===
[[File:Mobile_amo_P3_landing_full_hifi.png|200px|thumb|right|MAMO Landing Page]]
* Landing Page
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/landing_full.png showing Featured Tab (default)]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/popular.png showing Popular Tab]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/categories.png showing Categories Tab]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/landing_wide.png in a Landscape browser window]
* Pull-Down Navigation
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/nav_landing.png on Landing Page]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/nav_subpages.png on Subpages]
* Add-On Details Page
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/details.png Details Page]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/screenshot.png Screenshot Lightbox]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/reviews.png Reviews Page]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/all_versions.png All Versions Page]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/eula.png EULA screen]
* Search Results Page
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/search_results.png Results Page]
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/search_filter.png showing expanded Filter Controls]
* List Views
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/list_category.png Category Page] displaying the contents of a category
** [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/list_featured.png Featured Add-ons page] which will use the same layout as Popular, Top-Rated, and Newest Add-ons
** BONUS! '''Not to be Implemented this Quarter''' [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/list_collections.png Collections List]

A PSD of all mockups is available [http://people.mozilla.com/~jgrlicky/drop/AMO/mobile_mockups/mobile_amo_P3_full_hifi.psd here].

===SUMO Wireframes===
* [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/landing_wireframe.html Landing Page]
* [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/article_wireframe.html Article Template]
* [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/search_results_wireframe.html Search Results]
* [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/aaq_wireframe.png Ask A Question flow]

===SUMO Hi-Fi Mockups===
* Landing Page
** [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/landing_mobile.png Showing mobile-specific content]
** [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/landing_desktop.png Showing desktop-specific content]
* [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/search_results.png Search results page]
* Article Page
** [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/article.html Article Page]
** [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/img/article_toc_expanded.png with Table of Contents expanded]
** [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/img/article_feedback.png showing Feedback popup]
* [http://people.mozilla.com/~jgrlicky/drop/SUMO/mobile_mockups/aaq.png Ask A Question Flow]