673048 - [Rapid Release] Mobile: Add Firefox Aurora for Mobile Download Button

Status: RESOLVED FIXED

(Marketing :: Design, task, P1)

Description

[Grace Jimenez :grace]

Attachment: Channel Page

Hi Tara, 

I am working with Laura and Chrissie on getting more user data and recommendations on how to best redesign the http://www.mozilla.com/en-US/firefox/channel/ page. 

In the meantime, there is an urgent need to add the Firefox Aurora for Mobile download button in the page. 

Would it be possible to get a design by end of week with the Firefox Aurora for Mobile button. 

My idea is that we just have two columns: Firefox Aurora and Firefox Beta and have Desktop and Mobile Download button under each column (attaching a mockup)

Comment 1

[Tara (musingt)]

Assigning to Ty. But lets discuss further first.

Comment 2

[Tara (musingt)]

Ty is going to whip this up for us today.  Stay tuned...
Grace, is that placeholder copy in the mockup?  cc-ing Matej so he can give it a quick review before we go live with it.

Comment 3

[Grace Jimenez :grace]

that's what we have in the page now: http://www.mozilla.com/en-US/firefox/channel/
unless matej has any other suggestions or would like to change it up. 

thanks!

Comment 4

[Tara (musingt)]

Well, it seems like we'd need to tweak the copy a bit to highlight "desktop" vs. "mobile since we're combining them under each channel... right?

Comment 5

[Grace Jimenez :grace]

if matej, has time to customize it, i think that would be great. 
but i don't think it's critical and im fine if we keep the copy the same for now since the goal in aurora in desktop and mobile are the same. the copy for beta desktop and mobile now are already pretty similar. thanks!

Comment 6

[Matej Novak [:matej]]

I think in this case it's actually better to provide less of a separation or distinction between desktop and mobile since it reinforces that there's one Firefox, just for different platforms. I'd go with the copy we have and just put the two download buttons beneath. I think that will be pretty clear.

Comment 7

[Ty Flanagan]

Attachment: Ffx Aurora & Beta (D+M) Download Page

Comment 8

[Tara (musingt)]

Thanks Ty!  Overall looks great.  few nits that we can address later (like the download button colors and making sure they are clearly differentiated... I believe Aurora is Purple).  

We'll address that on Monday.
THANKS

Comment 9

[Ty Flanagan]

Np, thats an easy fix. I could have sworn Sean told me we were moving away from the purple Aurora button and only using green buttons for anything downloadable.

Comment 10

[Tara (musingt)]

He's got the latest info on that.  The current site has purple, so I went off of that.

Comment 11

[Grace Jimenez :grace]

will agree to whatever the latest standards are. But I was wondering if we need to differentiate desktop from mobile maybe? 

other than that. I think it looks good. Also, dont want to spend too much time on this (as this might need to get revisited again soon)

thanks!

Comment 12

[Tara (musingt)]

Yah, there needs to be a stronger differentiation there. Agreed.

Ty ?

Comment 13

[Ty Flanagan]

Ill chat with Sean and see what we can do.

Comment 14

[Ty Flanagan]

Attachment: FB - Download Firefox - Button Differentiation

Without getting into button color and layout changes, Ive added a small icon to indicate the difference in platform. Its minimalistic and doesnt detract from the overall look of the download button. The first button using a generic touchscreen device, and the second uses the android robot.

Comment 15

[Tara (musingt)]

Looks good.  But honestly I dont' think it's clear enough what the differences are between the 4 buttons :(

Comment 16

[Grace Jimenez :grace]

agree with tara, that the changes are pretty subtle. 

if all the download buttons have to be green, im fine with using the little mobile icon for both the aurora and beta (since both aurora and beta are for android).

i think that's fine for now for tomorrow's update.

thanks!

Comment 17

[Grace Jimenez :grace]

hi ty. can you please provide the final psd here so i can update the implementation bug: 673566

the website update is tomorrow.

thanks!

Comment 18

[Ty Flanagan]

Hi Grace,

Here is the PSD: 
http://mozilla.tyflanagan.com/artwork/Beta/BetaAurora_Download.zip

Comment 19

[Grace Jimenez :grace]

(In reply to comment #18)
> Hi Grace,
> 
> Here is the PSD: 
> http://mozilla.tyflanagan.com/artwork/Beta/BetaAurora_Download.zip

awesome! thanks ty!