Firefox.com/m design is complete. Please implement for Firefox 4 for mobile GA (3/29) From Jason: Below is the finalized mockup: http://people.mozilla.com/~jgrlicky/drop/mozcom/mobile_mockups/landing_P3_v3.png Here is a mockup of the updated pull-down navigation as well. None of the text has changed, just the look: http://people.mozilla.com/~jgrlicky/drop/mozcom/mobile_mockups/pull_down_nav_P3.png
Hey James - this is another change for Mobile launch day. Take a look at those two .pngs posted above and let us know if you need anything else to get started. Thanks!
Assignee: nobody → jlong
Summary: Implement new Firefox.com/m page → [Fx4MobileLaunch] Implement new Firefox.com/m page
Do we have PSDs or some other form of source files for James to work with?
OS: Mac OS X → All
Hardware: x86 → All
Jason - can you help provide these?
Sure can! The PSD can be found at http://people.mozilla.com/~jgrlicky/drop/mozcom/mobile_mockups/mobile_mozcom_P3_v3.psd . You'll need to get the "Phone on a Cloud" graphic from Sean. CCing him so he knows ;)
spooky. I had just uploaded it when I got the CC! BEHOLD: mozilla.seanmartell.com/engagement/mocodotcom/home-illustration.eps
Just to clarify -- all the menu items link to external sites, not pages that are supposed to be loaded as an item in the mobile page?
James: Good question! Yes, those are links to external sites: Mozilla Firefox -> this page Features -> http://www.mozilla.com/en-US/mobile/features/ (mobile browser features) Desktop -> http://www.mozilla.com/en-US/firefox/ (desktop browser home page) Add-ons -> addons.mozilla.org Support -> support.mozilla.org Visit Mozilla -> mozilla.org If you have an android phone, you can checkout support.mozilla.org or addons.mozilla.org and this is should be the current behavior of those sites as well.
Sean (or whoever is designing this): The iPhone image in the PSD is a layer that has the background baked into it. Is there any way you can fix it so that the iPhone has a transparent background? If not I can work with this, but it would be better to have a transparent background on the image. Thanks!
Nevermind, I was able to fix it myself. Ignore me!
Hey hey! vector file can be found here: http://mozilla.seanmartell.com/engagement/mocodotcom/home-illustration.eps Enjoy!
(In reply to comment #10) > Hey hey! vector file can be found here: > http://mozilla.seanmartell.com/engagement/mocodotcom/home-illustration.eps > > Enjoy! Ah, I missed that before. Looks great, thanks! It doesn't have the firefox logo on it like the PSD does, so I'll just throw it on there myself I guess?
Sure, that'd be great, thanks!
Just an update -- I've implemented most of this page, just need to get the tab at the top working. I'll push what I have in the morning. One thing, how is the "other languages" supposed to work? Where do I get a list of languages? When it switches it just tries to switch locales?
Slater - what's the deal with other languages for desktop? http://people.mozilla.com/~jgrlicky/drop/mozcom/mobile_mockups/landing_P3_v3.png
James - The design is like mozilla.com, where when you select a language in the footer, it tries to switch locales (if I understand that terminology correctly). There's an "Other Languages" box on mozilla.com right now, so I'd think you could get the list from there, but if that's hard-coded or otherwise difficult to extract, then I say the "Other Languages" feature seems like something that can wait until next quarter.
initial implementation in r86385 http://www-trunk.stage.mozilla.com/en-US/m There are still a few tweaks and I need to fill most of the links, should be easy. But I need to go ahead and commit this to get any other feedback.
(In reply to comment #15) > James - The design is like mozilla.com, where when you select a language in the > footer, it tries to switch locales (if I understand that terminology > correctly). There's an "Other Languages" box on mozilla.com right now, so I'd > think you could get the list from there, but if that's hard-coded or otherwise > difficult to extract, then I say the "Other Languages" feature seems like > something that can wait until next quarter. Ok, it looks like it's easy to get the select, but I would need to look into how to switch locales. I'm going to work on other bugs for now and we'll see if we can make that work.
(In reply to comment #16) > initial implementation in r86385 > > http://www-trunk.stage.mozilla.com/en-US/m > > There are still a few tweaks and I need to fill most of the links, should be > easy. But I need to go ahead and commit this to get any other feedback. Pascal is going to get firefox.com/m localized in all the languages that are being localized for the Android Marketplace. Unfortunately, though, b/c of timing the l10n versions will be using the older design rather than Jason's slick new one. We'll move to the new design in the locales after the launch.
fixes pushed in r86407
fixed broken links in r86419
added priv pol in r86634 are you testing on several phones?
Status: NEW → RESOLVED
Last Resolved: 8 years ago
Resolution: --- → FIXED
qa-verified-trunk https://www-trunk.stage.mozilla.com/en-US/m/ testing on HTC Desire. For other phones I use the UA Switcher addon
fixed links mentioned in bug 645774, features and FAQ link now point to appropriate mobile-version of pages in r86641
Verdi reported a problem with the nav, so I'm disabling the animation for now. There was some hacks to get the sliding effect, but we can fix that later. done in r86656
pushed to stage r86661
fixed locale switcher on en-US page in r86707
push to stage r86708
verified fixed http://www.mozilla.com/en-US/m/ using HTC Incredible
Status: RESOLVED → VERIFIED
Component: www.mozilla.org/firefox → www.mozilla.org
Product: Websites → Websites
Component: www.mozilla.org → General
Product: Websites → www.mozilla.org
You need to log in before you can comment on or make changes to this bug.