725673 - [One Mozilla] Code new home page

Status: VERIFIED FIXED

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

Description

[mcbmoz]

Steven, assigning to you.

Can you also attach the final .PSD here for posterity?

Thanks!

Comment 1

[mcbmoz]

Steven, checking in on this, can you provide an update?

Comment 2

[John Slater]

One important note here: the current homepage design is ready to go in a general sense, but a lot of the specific elements still need to be nailed down. For example, all the promo content in the slider was done as FPO for concepting and isn't really meant to be in the final live version. There may be other similar tweaks as well.

So, it's fine to start building the general framework of this page, but we'll need to first figure out what content we want to promote in the slider, and then actually create those promos before we can finalize this.

Chrissie, we should discuss the strategy here offline (also a good topic for the One Mozilla meeting).

Comment 3

[Steven Garrity [:sgarrity]]

This is well under way: http://www-dev.allizom.org/b/

A few notes:

The layout is responsive - resize it!

Where will the News come from? Should we be importing news from somewhere?

The email form in the footer isn't polished up yet.

Comment 4

[mcbmoz]

@steven

Looks GREAT! 

In the News
Will pull the latest 3 blog posts from http://blog.mozilla.com (can it automatically do this with the RSS feed, or will we need to update manually each week?

In the Known
Perfect filler copy, Bug 735845 open for final polish and edits on this area.

Comment 5

[raymond [:retornam] (inactive)]

Attachment: screenshot

The is some markup on the page

Comment 6

[Matej Novak [:matej]]

Here are a few other revisions and additions for this:

• I think we should try the subhead (Non-profit, for the good of the Web) without a period since it's not a complete sentence. If it looks weird, we can put it back, but I'd prefer it without.

• No period on "Different by Design"

• Under "In the know," mobile shouldn't be capitalized: Go mobile

• In the email signup footer, Mozilla should be capitalized: Get Mozilla updates

• Here's some copy for the "All about us" section:

Volunteer with us
Get involved in a number of different areas.

Work with us
Apply today and love the Web for a living.

Find us
Contact one of our global Mozilla Spaces. 

Join us
Show your support and help us build a better Web.

Learn more
Get to know Mozilla a little bit better.

• Also, "Learn more" should link to the new /about page (http://www-dev.allizom.org/b/en-US/about/) rather than the Contribute page.

Thanks!

Comment 7

[[github robot]]

Commit pushed to dev at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/f508d70a2a3e50437bff1ba18a5c20d010014fe1
Update text for home page from Bug 725673

Comment 8

[[github robot]]

Commit pushed to dev at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/a6cc6721b1608e5f521fb1ef34f1bd232625572f
Add static copy of latest blog posts for the news
(refs Bug 725673, Bug 739209)

Comment 9

[David Boswell]

(In reply to Matej Novak [:matej] from comment #6)
> • Also, "Learn more" should link to the new /about page
> (http://www-dev.allizom.org/b/en-US/about/) rather than the Contribute page.

FWIW, the logic with having that link point to /contribute was that this block was for providing links to people who wanted to take an action and get involved with the project in some way (volunteering, getting a job, visiting a space, donating, etc).  

The /contribute page is intended as the entry point for any contribution opportunity so it was set as the learn more link if people weren't sure which other link applied.  You can see how this is set up in tabzilla with the same links as this block and the learn more pointing to /contribute.

If that doesn't match up with the expectations of the 'All about us' title of that block, maybe a learn more link isn't needed or maybe calling that block 'Get Involved' or 'Take Action' would better represent the type of information people would find at those links?

> Volunteer with us
> Get involved in a number of different areas.

As mentioned above, the /contribute page is the entry point for any volunteer opportunity so could we tweak this to make it more comprehensive?  Maybe something like:

Get involved in any area of the Mozilla project.

Comment 10

[Matej Novak [:matej]]

(In reply to David Boswell from comment #9)
> (In reply to Matej Novak [:matej] from comment #6)
> > • Also, "Learn more" should link to the new /about page
> > (http://www-dev.allizom.org/b/en-US/about/) rather than the Contribute page.
> 
> FWIW, the logic with having that link point to /contribute was that this
> block was for providing links to people who wanted to take an action and get
> involved with the project in some way (volunteering, getting a job, visiting
> a space, donating, etc).  

Sorry, I didn't realize that, I just found it weird that two links in that list were pointing to the same page. But if that's by design, we should revert. Please advise.

 
> If that doesn't match up with the expectations of the 'All about us' title
> of that block, maybe a learn more link isn't needed

I do wonder if maybe it is a bit superfluous, but I'll defer to you. I didn't realize it was mirroring the links in tabzilla, I just thought it was a mistake, so apologies again.


> or maybe calling that block 'Get Involved' or 'Take Action' would better
> represent the type of information people would find at those links?

I think at one point that column said Get Involved, but I find that confusing since it's language we generally reserve for volunteering. Given the intention of those links, however, it probably does need a new name to replace "All about us." Here are some options:

Inside Mozilla

Connect With Mozilla

How you can help

The inside track

Be a part of Mozilla

The project


> > Volunteer with us
> > Get involved in a number of different areas.
> 
> As mentioned above, the /contribute page is the entry point for any
> volunteer opportunity so could we tweak this to make it more comprehensive? 
> Maybe something like:
> 
> Get involved in any area of the Mozilla project.

Yup, that looks good to me. I had just grabbed some existing copy from elsewhere and tweaked it a bit. So the whole new thing should be:

Volunteer with us
Get involved in any area of the Mozilla Project.

Comment 11

[David Boswell]

(In reply to Matej Novak [:matej] from comment #10)
> Sorry, I didn't realize that, I just found it weird that two links in that
> list were pointing to the same page. But if that's by design, we should
> revert. Please advise.

No problem.  I was just sharing the background on the conversations about this I had had with Chrissie.  Not to say this is the right approach though -- more below.

> I do wonder if maybe it is a bit superfluous, but I'll defer to you. I
> didn't realize it was mirroring the links in tabzilla, I just thought it was
> a mistake, so apologies again.

Agreed about the superfluous part.  I'd be fine with just dropping off the duplicate 'Learn more' link in that section of the home page and in the 'Get Involved' column in tabzilla.  Not sure if a link to /about is wanted somewhere inline on the home page though.

> I think at one point that column said Get Involved, but I find that
> confusing since it's language we generally reserve for volunteering. Given
> the intention of those links, however, it probably does need a new name to
> replace "All about us." Here are some options:
>
> Be a part of Mozilla

I like 'Be a part of Mozilla'.  Seems inviting and broad enough to cover a range of different ways to take action.

> Yup, that looks good to me. I had just grabbed some existing copy from
> elsewhere and tweaked it a bit. So the whole new thing should be:
> 
> Volunteer with us
> Get involved in any area of the Mozilla Project.

Great, thanks.

Comment 12

[[github robot]]

Commit pushed to dev at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/6b56ba389d49039d7543e03679e1eacb1b99e898
Wording changes from Bug 725673

Comment 13

[[github robot]]

Commit pushed to dev at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/a766ed0ae3e697d7316dd929286c9f1a61505c31
Change 'Learn More' link as per Bug 725673

Comment 14

[Steven Garrity [:sgarrity]]

I've made the wording changes and changed the Learn More link back to the /contribute/ page to match tabzilla. This should do us for the launch.

Comment 15

[Matej Novak [:matej]]

[I wrote this before I saw comment 14.]

I like "Learn more" linking to the About page, if no one has any objections to that (though then we should probably drop it from tabzilla since there's already a link to About in there), otherwise I think we should lose it altogether.

All the other changes look great, but Mozilla in the footer has reverted to lowercase. Can we get the capital M back?

It would also be great if the text could wrap a bit differently in the first three entries in the right column:

Volunteer with us
Get involved in any area of the 
Mozilla Project.
   
Work with us
Apply today and love the Web 
for a living.

Find us
Contact one of our global 
Mozilla Spaces.

Join us
Show your support and help us build 
a better Web.


Same goes for the first entry in the middle (under "In the know").

Become an Affiliate
Help us share Firefox with 
the world!


Thanks!

Comment 16

[David Boswell]

(In reply to Matej Novak [:matej] from comment #15)
> I like "Learn more" linking to the About page, if no one has any objections
> to that (though then we should probably drop it from tabzilla since there's
> already a link to About in there), otherwise I think we should lose it
> altogether.

No objection from me for this change on the home page or in Tabzilla.

Comment 17

[[github robot]]

Commit pushed to dev at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/aab015cfd18476eecb1a9ed3474ccd37e7c5dc15
Link Firefox logo to /firefox/ page (Bug 725673)

Comment 18

[[github robot]]

Commit pushed to dev at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/3f8e2ee41695d77b70e0d09064e1233071c2d60f
Line break and link changes (Bug 725673)

Comment 19

[Steven Garrity [:sgarrity]]

Matej's Learn More link and line wrap changes are done. Tabzilla isn't changed. We should file a separate bug for that, but I don't think we should blog the bedrock push on that.

Comment 20

[John Slater]

(In reply to Steven Garrity from comment #19)
> Matej's Learn More link and line wrap changes are done. Tabzilla isn't
> changed. We should file a separate bug for that, but I don't think we should
> blog the bedrock push on that.

Just filed 740215 for the tabzilla stuff. Thanks!

Comment 21

[raymond [:retornam] (inactive)]

verified fixed https://www.mozilla.org/en-US/