1371329 - IH hub updates for 6/19 campaing

Status: RESOLVED FIXED

(www.mozilla.org :: Pages & Content, enhancement)

Comment 1

[Eric Renaud [:erenaud]]

Alex - for l10n - 

Card for Net Neutrality site - localizable strings

Card for Common Voice Site - localizable strings

Card for Internet Health Campaign - en-US

Firefox blogpost - en-US (how we’re handling the other blogs)

Card for Podcast - I’m asking Peiying.  The podcast is en-US only for copy, but we won't block other locales from viewing the page and listening to the podcast. I just don’t how it would be received to have the card for the podcast set w. Localizable strings, only to lead to an en-US site w. English podcast.

Comment 2

[Krishna]

Copy for IH Report and Net Neutrality remains as is. New copy written for 6/19 campaign updates: Common Voice CTA, IH Event Card and IH Podcast Card.

Comment 3

[Krishna]

Copy for mock is ready here: https://docs.google.com/document/d/1ACdr5XOSgDoCJJmZfBUKZrtUqhXEgICgo1NXUE9P4uU/edit#

Comment 4

[Eric Renaud [:erenaud]]

Alex - 

for the Podcast card please set up w. localizable strings. (Flod and Peiying have reviewed, they'll simply inform localizers to make note that the podcast is in en only.)

Comment 5

[christa seabolt]

Attachment: JuneCampaignContentOnly.png

Wireframe displaying campaign content only.

Comment 6

[christa seabolt]

Attachment: JuneCampaignContentOnly.png

Wireframe with June campaign on the full hub, with modules in requested order. For English locales.

Comment 7

[christa seabolt]

Attachment: IHGlobal.png

Wireframe of the Internet Health Hub for global locales with modules in requested placement.

Comment 8

[christa seabolt]

Attachment: netNeutrality_img.png

New image for net neutrality.

Comment 9

[christa seabolt]

Attachment: Podcast_img.png

New image for the podcasts.

Comment 10

[christa seabolt]

Still waiting on the hero image for the campaign, commons voice image and the event image. Should all be received by Friday, June 9th.

Comment 11

[Alex Gibson [:agibson]]

(In reply to christa seabolt from comment #6)
> Created attachment 8875970 [details]
> JuneCampaignContentOnly.png
> 
> Wireframe with June campaign on the full hub, with modules in requested
> order. For English locales.

Hi Christa, this one seems to show the campaign content only. Can you please supply another image? Thanks

Comment 12

[Alex Gibson [:agibson]]

WIP demo: https://bedrock-demo-agibson.us-west.moz.works/en-US/internet-health/

Comment 13

[Alex Gibson [:agibson]]

Ok, here's a list of things I need:

1.) Main hero image (1250px, or 2500px for high-res). I believe the plan is to have a CTA over the image using HTML/CSS which the user can hover over / click, so the image needs to work in relation to this text at different screen sizes.

2.) Net Neutrality image (minimum 420px, or 840px for high-res).

3.) Common Voice image (minimum 420px, or 840px for high-res).

4.) RSVP for Internet Health image (minimum 420px, or 840px for high-res).

5.) Podcast image that doesn't feature English text and works well at different screen sizes.

6.) Some UX/design review on how other locales look given the content restructuring e.g https://bedrock-demo-agibson.us-west.moz.works/de/internet-health/

Comment 14

[Eric Renaud [:erenaud]]

Alex - the URL for the Common Voice website is:  voice.mozilla.org

Comment 15

[Alex Gibson [:agibson]]

(In reply to Eric Renaud from comment #14)
> Alex - the URL for the Common Voice website is:  voice.mozilla.org

got it - thanks

Comment 16

[Michael Ham]

Attachment: moz_campaign_net-neutrality_lets-not_2500px.jpg

Hero image – net neutrality campaign – 2500px wide

Comment 17

[Michael Ham]

Attachment: moz_campaign_net-neutrality_lets-not_1250.jpg

Hero image – net neutrality campaign – 1250px wide

Comment 18

[Michael Ham]

Attachment: moz_podcast_IRL_cover.png

Podcast cover image w/o Veronica reference – 1500px x 1500px

Comment 19

[Michael Ham]

Attachment: moz_podcast_IRLwVB_cover_2500px.jpg

A IRL podcast image at 2500px wide that can be used for places where a copy overlay appears on the left side of the image

Comment 20

[Michael Ham]

Attachment: moz_podcast_IRLwVB_cover_1250px.jpg

A IRL podcast image at 1500px wide that can be used for places where a copy overlay appears on the left side of the image

Comment 21

[christa seabolt]

Attachment: netNeutrality_img.jpg

Image for net nuetrality

Comment 22

[Lee Tom]

Attachment: commonvoice.png

Image for Common Voice - 840 x 500px

Comment 23

[Eric Renaud [:erenaud]]

agibson - new Firefox card content is here:  https://docs.google.com/document/d/1Ch5FJIN16VSnAMq6ENpfd9FM80zSY2oDRzanot7sjwA/edit

Comment 24

[Alex Gibson [:agibson]]

Latest version is up on demo:

https://bedrock-demo-agibson.us-west.moz.works/en-US/internet-health/

Still awaiting an image for the RSVP event.

Comment 25

[Alex Gibson [:agibson]]

Attachment: GitHub pull request

Comment 26

[Alex Gibson [:agibson]]

Attachment: InternetHealth_Revised.png

Final agreed design is here. As this has changed substantially, we have now agreed the following:

- The new campaign content (in the box surrounded by black, plus hero image) will be shown for en-US only. Strings will be hard-coded and not exposed for translations.
- Other locales will not see any of this content, and should instead see the standard header, Net Neutrality card (currently live version), followed by the Podcast section.
- Once the campaign is over we can revisit the design and translate both the Common Voice card and Firefox promo using a visual look that suits all locales.

Comment 27

[Michael Ham]

Attachment: moz_event_ANFIH_840px.jpg

"A Night for Internet Health" RSVP image

Comment 28

[Alex Gibson [:agibson]]

Latest design is up on demo: https://bedrock-demo-agibson.us-west.moz.works/en-US/internet-health/

Comment 29

[Michael Ham]

Attachment: moz_campaign_net-neutrality_lets-not_2500_v03.jpg

Updated campaign hero image.

Comment 30

[christa seabolt]

Attachment: moz_blog_common-voice_1920_v02_1024.png

Hi Alex - The Internet Health team has provided a new image for Voice Common's. Please update when you can. Thanks!

Comment 31

[[github robot]]

Commits pushed to master at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/50f89fb861e2228c99c76e8e9ced63cb34bc971c
[fix bug 1371329] Internet Health hub updates for 6/19 campaign

https://github.com/mozilla/bedrock/commit/20140a7af8d716519f1bc9582c65dbb5e596b045
Merge pull request #4896 from alexgibson/bug-1371329-internet-health-june-campaign

[fix bug 1371329] Internet Health hub updates for 6/19 campaign

Comment 32

[Alex Gibson [:agibson]]

(In reply to christa seabolt from comment #30)
> Created attachment 8878688 [details]
> moz_blog_common-voice_1920_v02_1024.png
> 
> Hi Alex - The Internet Health team has provided a new image for Voice
> Common's. Please update when you can. Thanks!

Needsinfo for myself to do this tomorrow

Comment 33

[Eric Renaud [:erenaud]]

Alex - while you're in there, please change 'SF Jazz Center' copy to read 'SFJAZZ Center'  (no space between F and J and all CAPS for SFJAZZ) . . .

Comment 34

[Alex Gibson [:agibson]]

(In reply to Eric Renaud from comment #33)
> Alex - while you're in there, please change 'SF Jazz Center' copy to read
> 'SFJAZZ Center'  (no space between F and J and all CAPS for SFJAZZ) . . .

Will do, thanks

Comment 35

[Alex Gibson [:agibson]]

Attachment: GitHub pull request

PR to update Common Voice image and switch to `SFJAZZ Center` in event copy.

Comment 36

[Eric Renaud [:erenaud]]

Alex - I confirmed w. Janis on the ask:

Please move the podcast card directly above the blogs in the IH hub page.

Comment 37

[Alex Gibson [:agibson]]

(In reply to Eric Renaud from comment #36)
> Alex - I confirmed w. Janis on the ask:
> 
> Please move the podcast card directly above the blogs in the IH hub page.

Ok, will add it to the open PR thanks

Comment 38

[[github robot]]

Commits pushed to master at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/e9f047538aa2a766253ecc65769078a198afdfe7
[bug 1371329] Update Common Voice IH hub image

- Update RSVP event venue name to SFJAZZ Center
- Move Podcast section above blog feed

https://github.com/mozilla/bedrock/commit/13042d7242078bb5a2c155f58b49390875b525c7
Merge pull request #4913 from alexgibson/bug-1371329-common-voice-image

[bug 1371329] Update Common Voice IH hub image