Presss Center: Design new "Press Kits" page

RESOLVED FIXED

Status

Marketing
Design
RESOLVED FIXED
7 years ago
7 years ago

People

(Reporter: Tara (musingt), Assigned: Lee Tom)

Tracking

Details

(Whiteboard: [redesign])

Attachments

(1 attachment)

(Reporter)

Description

7 years ago
Currently on the site we have a separate page (and link on the side bar) for each of the press kits.  We'd like to organize these better by folding them under one link in the side nav, with sub-links to the individual pages.  So the link will simply read "Press Kits", and by default open to the one for Desktop Firefox.  We'll then have another link for the "mobile" kits.  Let me know if you have any questions.

Pages for Desktop Press Kits:
http://www.mozilla.com/en-US/press/kit-3-6.html
http://www.mozilla.com/en-US/press/kit-4b.html

Pages for Mobile Press Kits:
http://www.mozilla.com/en-US/press/kit-N900.html
http://www.mozilla.com/en-US/press/kit-android.html
(Reporter)

Comment 1

7 years ago
Created attachment 484764 [details]
Sitemap:  Press Center "Press Kits" Pages
(Reporter)

Updated

7 years ago
Whiteboard: [redesign]
(Assignee)

Comment 2

7 years ago
Hi Tara,
Please have a look at the mock ups for Press Kits. There are 4 versions here:

http://intothefuzz.com/leetom/Mozilla.com/JPG/presscenter_presskit_desktop3.6_01.jpg

http://intothefuzz.com/leetom/Mozilla.com/JPG/presscenter_presskit_desktop4beta_01.jpg

http://intothefuzz.com/leetom/Mozilla.com/JPG/presscenter_presskit_mobandroid_01.jpg

http://intothefuzz.com/leetom/Mozilla.com/JPG/presscenter_presskit_mobN900_01.jpg

Comment 3

7 years ago
Looks good, thanks!

Comment 4

7 years ago
Tara, are you ok with PSD'ing these?
(Reporter)

Comment 5

7 years ago
Lets PSD !!
(Assignee)

Comment 6

7 years ago
cool!
PSD is here:

http://intothefuzz.com/leetom/Mozilla.com/PSD/presscenter_presskits_01.psd

Updated

7 years ago
Blocks: 608370

Updated

7 years ago
Status: NEW → RESOLVED
Last Resolved: 7 years ago
Resolution: --- → FIXED
(Reporter)

Comment 7

7 years ago
Hi lee

Could you please make some quick edits to this page?  I didn't realize that the navigation had changed, and I don't think it's very clear.  So, lets use the same tabbed approach that we've got with the Media Library and have two tabs at the top of this section:  one for desktop, and one for mobile.  With the one for desktop open by default.  That should help make it easier for people to understand what press kits are available and what they're looking at. 

Hopefully that's a relatively quick edit for you to make.  Sorry about that.  really appreciate it.
Status: RESOLVED → REOPENED
Resolution: FIXED → ---
(Assignee)

Comment 8

7 years ago
no worries. stay tuned...
(Assignee)

Comment 9

7 years ago
OK. Here are the new JPGs and PSD:

http://intothefuzz.com/leetom/Mozilla.com/JPG/presscenter_presskit_desktop3.6_01.jpg

http://intothefuzz.com/leetom/Mozilla.com/JPG/presscenter_presskit_desktop4beta_01.jpg

http://intothefuzz.com/leetom/Mozilla.com/JPG/presscenter_presskit_mobandroid_01.jpg

http://intothefuzz.com/leetom/Mozilla.com/JPG/presscenter_presskit_mobN900_01.jpg


http://intothefuzz.com/leetom/Mozilla.com/PSD/presscenter_presskits_01.psd
(Reporter)

Comment 10

7 years ago
Thanks Lee for spinning this up so quickly.  The tabbed structure is definitely better, but the way these are presented , in separate pages, still doesn't make for easy navigation.  It's not clear how we get from page to page and what's available under each tab.  So, instead of having each press kit on a separate page, lets have sections for each under "desktop" and "mobile".  For example, under desktop, there's a highlighted section for "firefox 3.6", and there's a section for "firefox 4", with all the relevant links listed in each section.  Same for mobile.  Does that make sense?  

I'd also order the tabs to show "desktop" first, since that's the default one open, and then mobile.  

Thanks again.
(Assignee)

Comment 11

7 years ago
agreed tara, sorry about that haphazard turnaround. i should've looked more clearly to that interaction. would you like both press kit options to be open simultaneously per section?

ie: 
MOBILE
- Android (surfaced)
- N900 (surfaced)

DESKTOP
- 3.6 (surfaced)
- 4 beta (surfaced)
(Reporter)

Comment 12

7 years ago
Thanks Lee.  Yes, that's exactly right.  Just create different sections within the mobile and desktop tab to surface those pieces.  Kind of like how the image library is being designed with different logo types surfaced under the logo tab.  But please place the order of the tabs with Desktop first, and then Mobile. 

Thanks!
(Assignee)

Comment 13

7 years ago
Have a look at these, Tara.
Since both items are consolidated into either Desktop or Mobile section, they'll need to share a common subheader to the page. I used a general one that I had for Mobile, and Greek'd the Desktop version. It might be a little weird to have the subheader change if you tab from Desktop to Mobile, so we may want to come up with a catch-all subhead.

http://intothefuzz.com/leetom/Mozilla.com/JPG/presscenter_presskits_02_desktop.jpg
http://intothefuzz.com/leetom/Mozilla.com/JPG/presscenter_presskits_02_mobile.jpg
(Reporter)

Comment 14

7 years ago
Thanks Lee. Layout looks great.  How about we make that "Mozilla Press Kits" plural, and sub-head be "An easy guide to all things Firefox"
(Assignee)

Comment 15

7 years ago
Glad you like it. I updated the jpgs, and can post the PSD if you have no further changes.

http://intothefuzz.com/leetom/Mozilla.com/JPG/presscenter_presskits_02_desktop.jpg
http://intothefuzz.com/leetom/Mozilla.com/JPG/presscenter_presskits_02_mobile.jpg
(Reporter)

Comment 16

7 years ago
Looks great.  Thanks Lee.  Only nit I have is that "reference materials" under "android" seems to be really low on the page, the gap inbetween the sections seems like a lot and it's not equal to the others.  but, no biggie... I think we can fix that in webdev. or if you can just nudge that up higher before PSD-ing that'd be great.    We're done here :)
(Assignee)

Comment 17

7 years ago
Good eye. That was just an extra return in there for some reason...

OK - updating the PSD and the JPGS on the network now.
http://intothefuzz.com/leetom/Mozilla.com/PSD/presscenter_presskits_02.psd
(Reporter)

Comment 18

7 years ago
Thanks Lee.  Closing the bug again.
Status: REOPENED → RESOLVED
Last Resolved: 7 years ago7 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.