Closed Bug 642342 Opened 13 years ago Closed 13 years ago

[Fx4MobileLaunch] Implement new Firefox.com/m page

Categories

(www.mozilla.org :: General, defect, P1)

Product:
www.mozilla.org
Component:
General
Version:
Firefox 4
Type:
defect

Tracking

(Not tracked)

Status:
VERIFIED FIXED

People

(Reporter: clooney, Assigned: jlong)

References

Details

(Whiteboard: [pushed]) 

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
Depends on: 634495
Target Milestone: --- → 1.5
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?
Priority: -- → P1
Sure, that'd be great, thanks!
Blocks: 644777
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.
Sorry, the above was supposed to be a response to comment #14 rather than comment #16.
fixes pushed in r86407
what's the link to the privacy policy and release notes?
Keywords: qawanted
fixed broken links in r86419
(In reply to comment #21)
> what's the link to the privacy policy and release notes?

PP:
http://www.mozilla.com/en-US/m/privacy.html

Release Notes: 
http://www.mozilla.com/mobile/4.0/releasenotes/
yes.
The privacy policy link is still missing
Keywords: qawanted
added priv pol in r86634

are you testing on several phones?
Status: NEW → RESOLVED
Closed: 13 years ago
Keywords: qawanted
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
Keywords: qawanted
I found some menu problems, at least on my iPhone. The top of the page was cut off (firefox logo and menu button). I changed the way the menu works, which relies on some javascript magic at page load. It's not my favorite solution but it's the only way to have the CSS sliding animation cross-browser.

Sorry Raymond, but please test again, just the menu this time (see if it slides open).

done in r86640
Keywords: qawanted
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
Whiteboard: [pushed]
fixed spark link in r86705
pushed to stage r86706
fixed locale switcher on en-US page in r86707
push to stage r86708
argh. added the wurfl library back in (removed because it didn't work locally). 

trunk r86709
stage r86710
argh again. testing seems to indicate problems with the wurfl library, and we've been testing without it, so leaving it off for now.

trunk r86711
stage r86712
verified fixed http://www.mozilla.com/en-US/m/ using HTC Incredible
Status: RESOLVED → VERIFIED
Component: www.mozilla.org/firefox → www.mozilla.org
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.