727528 - [Launch B2G on mozilla.org] Design 3 pages

Status: RESOLVED FIXED

(Marketing :: Design, task)

Description

[mcbmoz]

Note: Copy/Design direction are still being finalized, ESueter & JSlater are working on this.

Deadline: PSDs for 3 pages complete by Friday, February 17, 2012, within the new One Mozilla theme/styles, one new graphic (screen capture)

Copy is being worked on in Bug 727500
----

Specs (where is this going and how much space do we have)

-mozilla.org/boot-to-gecko - should follow the same specs being used by Bug 715566
-landing page should use the same One Mozilla theme as Bug 715566
-About & FAQ should use the same interior page layout as http://cl.ly/0q2Y0C343R3g1k0z041i/o (Sean has the PSD)

---

Hero Graphic

-- literal approach, screen captures of Boot to Gecko as provided by Josh Carpenter
-- given the aggressive timeline this is intended to be used just for this one space

Comment 1

[mcbmoz]

Attachment: B2G Video Player

Created by Josh Carpenter

Comment 2

[mcbmoz]

Attachment: B2G Messages

Created by Josh Carpenter

Comment 3

[mcbmoz]

Attachment: B2G Messages Thread

Created by Josh Carpenter

Comment 4

[mcbmoz]

Attachment: B2G Dialing

Created by Josh Carpenter

Comment 5

[mcbmoz]

Attachment: B2G Dialer

Created by Josh Carpenter

Comment 6

[mcbmoz]

Attachment: B2G Contacts

Created by Josh Carpenter

Comment 7

[mcbmoz]

Attachment: B2G Contact

Created by Josh Carpenter

Comment 8

[mcbmoz]

Attachment: B2G Browser_Menu

Created by Josh Carpenter

Comment 9

[mcbmoz]

Attachment: B2G Blueprint

Created by Josh Carpenter

Comment 10

[mcbmoz]

all available assets for the top slideshow now added in comments 1 - 9, Josh is at the ux offsite, so I'm not sure we'll be able to interact much more with him as we move these pages forward.

Comment 11

[John Slater]

Thanks Chrissie. I don't think we'll need a lot of imagery for this page anyway, but it's great to have these options.

Assigning to Lee.

Comment 12

[Lee Tom]

Attachment: B2G About 01

Comment 13

[Lee Tom]

Attachment: B2G FAQ 01

Comment 14

[John Slater]

Thanks Lee!

Emily, can you comment on the branding here? Right now the page header says "Project B2G" - I have a feeling that needs to change, but am not sure to what.

Comment 15

[Lee Tom]

Hey John and Chrissie,
The copy in the etherpad is set up in a similar format to these subpages. I see there are many graphics attached to this bug. John, if we don't use any of these graphics (ie: use that wide feature area), should I go ahead and format the Landing page similar to these sub-pages? 

(In reply to John Slater from comment #11)
> Thanks Chrissie. I don't think we'll need a lot of imagery for this page
> anyway, but it's great to have these options.
> 
> Assigning to Lee.

Comment 16

[Lee Tom]

Attachment: B2G Landing 01

Example of landing page content in subpage layout...

Comment 17

[mcbmoz]

Lee, I'm about to overwrite all of these graphics with a new set of screen captures that use an orange background. I'm not sure that any will make it into your design, but they are there for you to use if they work in the slideshow format or otherwise.

Comment 18

[mcbmoz]

Attachment: B2G Video Player

Comment 19

[mcbmoz]

Attachment: B2G Photos

Comment 20

[mcbmoz]

Attachment: B2G Photos Player

Comment 21

[esuter]

(In reply to John Slater from comment #14)
> Thanks Lee!
> 
> Emily, can you comment on the branding here? Right now the page header says
> "Project B2G" - I have a feeling that needs to change, but am not sure to
> what.

Hi -- they are now talking about the "Boot to Gecko Project" as the underlying technology for "Open Web Devices."

I'd use Boot to Gecko Project as the header.  We do need to integrate OWD somewhere in the text now...  For reference, here's the latest MWC video script:

The “Boot to Gecko” project
Is an open web platform using HTML5

We leverage open standards and web APIs
And build new ones where needed
so mobile services are accessible for any device

It’s about personal freedom and choice
And unencumbered innovation
Developers write to the Web
Carriers and OEMs deliver powerful

new "Open Web" devices and services

Mozilla is leading this development
as part of our larger vision
to empower and engage mobile users worldwide

Comment 22

[mcbmoz]

Attachment: B2G Messages

Comment 23

[mcbmoz]

Attachment: B2G Contact

Comment 24

[mcbmoz]

Attachment: B2G Contacts-1

Comment 25

[esuter]

Comment on attachment 597992 [details]
B2G FAQ 01

looks good -- last FAQ question is a typo, need space between deploy / my

Comment 26

[Josh Carpenter [:jcarpenter]]

Attachment: B2G: Messages Thread

Overwriting old version (blue) with new (orange)

Comment 27

[Lee Tom]

Link to PSDs:
http://cl.ly/1A2a392T3T0n151O222B

Comment 28

[esuter]

Hi --
This looks really cool!  one nit:

Mentioned this to JSlater but forgot to log it here:  image for texting shows a non-standard keyboard (I'm guessing a typo in the image, but...).  I'm guessing there are other people who will notice and fixate on that, can we either swap out the image or fix it?  I sent mail also to Josh.

will look more closely at the copy shortly.

Comment 29

[mcbmoz]

Moving to implementation because of the tight deadline. Any last minute changes will need to be made there on Bug 727876

I have added Josh to that bug as well.

Comment 30

[John Slater]

Love the way this turned out. Thanks Lee!