606623 - build new About page

Status: VERIFIED FIXED

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

Description

[John Slater]

As part of the redesign process, here are the design files for the new About page:

http://www.intothefuzz.com/leetom/Mozilla.com/JPG/about_01.jpg
http://www.intothefuzz.com/leetom/Mozilla.com/PSD/about_01.psd

General content note that doesn't affect anything here: we have longer-term plans to more completely remake this page (and this section). But given the scope of everything we're trying to do, for now we're just reskinning what we already have. Doesn't change anything for this particular bug, but wanted to mention it for context.

Comment 1

[Steven Garrity [:sgarrity]]

This page is built on the nova branch in r76885. Ready for review/QA.

Comment 2

[John Slater]

Content looks great to me.

Comment 3

[raymond [:retornam] (inactive)]

mozilla.com/en-US/about/ has a link to Spread the Word which is missing on the new design

Comment 4

[John Slater]

(In reply to comment #3)
> mozilla.com/en-US/about/ has a link to Spread the Word which is missing on the
> new design

Good catch Raymond, you're absolutely right. 

Lee, could you try mocking this up as a sidebar promo?

Comment 5

[Lee Tom]

How's this?

http://www.intothefuzz.com/leetom/Mozilla.com/JPG/about_01.jpg

Comment 6

[John Slater]

My concern is that the sidebar promo looks a lot like the blurbs in the main section of the page, b/c they both have that illustration style with a short bit of text beneath.

Feels like we should differentiate them more somehow...

Comment 7

[Lee Tom]

I see what you mean. I made the hand a bit smaller and styled the promo similar to the one we used on the Mobile Get Involved page yesterday. I think this looks more separated from the main content now.

http://www.intothefuzz.com/leetom/Mozilla.com/JPG/about_02.jpg

Comment 8

[John Slater]

Yeah, that's perfect. Can you post the PSD here for Steven?

Thanks for the edits!

Comment 9

[Lee Tom]

sure - updated PSD here:

http://www.intothefuzz.com/leetom/Mozilla.com/PSD/about_01.psd

Comment 10

[Steven Garrity [:sgarrity]]

Spread the Word promo added to sidebar in r77018.

We've noticed during implementation that the italic-Georgia/all-caps-MetaBlack headlines show up in a few different color configurations: all black, black/blue, and all blue.

Is this intentional and is there a logic behind which combination is used where? As the blue is the same as the link color, I wonder if we should avoid that and stick to black for those headings?

Comment 11

[John Slater]

Hey Lee, could you weigh in on comment #10? Would be a good thing to make sure everyone is clear on.

Comment 12

[Lee Tom]

For consistency, I think the "default" for the global CSS could be:

Headers:
on white bg - black/black
on blue field(side column) - blue/blue
that look better in some cases - black/blue

There may be exceptions to this when it just "looks better" to use the black/blue combo, but for the most part, this is what we can start with.

Comment 13

[John Slater]

Am reopening this bug so we can make a copy change to the header & subhead. Here's the new text:

We're Building
A BETTER INTERNET
The Firefox browser is created by Mozilla, a non-profit organization whose _mission_ is to promote openness, innovation and opportunity on the Web.

(_mission_ can link to http://www.mozilla.org/about/mission.html)

Thanks!

Comment 14

[Steven Garrity [:sgarrity]]

(In reply to comment #13)
> Am reopening this bug so we can make a copy change to the header & subhead.
> Here's the new text:

Updated in r78576.

Comment 15

[John Slater]

Sorry, one more thing...can you throw a "Learn more." in there at the end and link it to http://www.mozilla.com/en-US/about/whatismozilla.html?

Thanks!

Comment 16

[Steven Garrity [:sgarrity]]

(In reply to comment #15)
> Sorry, one more thing...can you throw a "Learn more." in there at the end and
> link it to http://www.mozilla.com/en-US/about/whatismozilla.html?

Done in r78614.

Comment 17

[raymond [:retornam] (inactive)]

Attachment: screenshot

The spread the word image is not aligned and the images cannot be clicked on like on production

Comment 18

[Steven Garrity [:sgarrity]]

(In reply to comment #17)
> The spread the word image is not aligned and the images cannot be clicked on
> like on production

Should be fixed in r78656.

Comment 19

[raymond [:retornam] (inactive)]

The images are still not tied to the links

Comment 20

[Steven Garrity [:sgarrity]]

(In reply to comment #19)
> The images are still not tied to the links

Updated in r78784 (Bug 613688)

Comment 21

[raymond [:retornam] (inactive)]

qa-verified-trunk http://nova.stage.mozilla.com/en-US/about/

Comment 22

[raymond [:retornam] (inactive)]

verified fixed http://www.mozilla.com/en-US/about/