1295248 - Technology Landing Page

Status: RESOLVED FIXED

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

Description

[Eric Renaud [:erenaud]]

As a conscious chooser I want to learn about the technology Mozilla is innovating so I can understand and choose to engage in those that appeal to me.

Comment 1

[Alex Gibson [:agibson]]

Copy: https://docs.google.com/a/mozilla.com/document/d/1VY-r0p3MeIzFNPrS_KBBiF87_I4mN0zErG5vovZIdPc/edit?usp=sharing

Latest prototype mockup: https://drive.google.com/a/mozilla.com/file/d/0Bw8GuIJD9hBMSWl3Nl9ObVJUUnM/view?usp=sharing

Comment 2

[Michael Ham]

All WIP files:

2016-08-24_Mozilla_Landing-Page_Technology (All files)
https://drive.google.com/drive/folders/0Bw8GuIJD9hBMeFA1NlBBaFNJajQ?usp=sharing

Sketch File
https://drive.google.com/open?id=0Bw8GuIJD9hBMOTBOVWRYUVFPUTQ

Tech-Page_Design-Assets_Final
https://drive.google.com/open?id=0Bw8GuIJD9hBMVm5YTEJhazNQb2c

Alex – I will continue to work on final assets through end of day Monday

Comment 3

[Alex Gibson [:agibson]]

WIP demo: https://bedrock-demo-agibson.us-west.moz.works/en-US/about/technology/

Comment 4

[u570438]

+Luka to configure GTM

Comment 5

[Alex Gibson [:agibson]]

Template variations are up on demo:

Chooser: https://bedrock-demo-agibson.us-west.moz.works/en-US/about/technology/

Developer: https://bedrock-demo-agibson.us-west.moz.works/en-US/about/technology/?v=b

Comment 6

[Jennifer Bertsch [:jbertsch]]

Context Graph links:

Visit the wiki [https://wiki.mozilla.org/Context_Graph] | Try it now [https://testpilot.firefox.com/experiments/activity-stream]

Comment 7

[Michael Ham]

Updated assets for gaming section.

Background and Yeti as SVGs. Also, PNG at 1x and 2x for Yeti.

https://drive.google.com/drive/folders/0Bw8GuIJD9hBMNHdZVXlsZjAwQUU?usp=sharing

Comment 8

[Alex Gibson [:agibson]]

Thanks all

Comment 9

[Alex Gibson [:agibson]]

Attachment: GitHub pull request

Comment 10

[Michael Ham]

Updated asset for IoT section.

IoT PNG and SVG
https://drive.google.com/drive/folders/0Bw8GuIJD9hBMU3VJUGVMOGQyRzg?usp=sharing

Comment 11

[Alex Gibson [:agibson]]

Final assets are now all in place:

https://bedrock-demo-agibson.us-west.moz.works/en-US/about/technology/

Only thing remaining is some visual styling for the developer links on ?v=b

https://bedrock-demo-agibson.us-west.moz.works/en-US/about/technology/?v=b

Comment 12

[Michael Ham]

Visual styling for developer links on ?v=b updated in Sketch file:

https://drive.google.com/open?id=0Bw8GuIJD9hBMOTBOVWRYUVFPUTQ

Quick reference – Hex values for dev link sections (light color at 72px high and dark color at 2px high):

A-Frame:
Grass Green: #00A199
Dark Grass Green: #006C66

Gaming:
Yeti Ice Blue: #00B4CC
Dark Yeti Ice Blue: #008799

IoT:
IoT Blue: #005189
Dark IoT Blue: #1F366C

Context Graph:
Context Graph Orange: #FF8E33
Dark Context Graph Orange: #FA7100

Rust:
Rust Red: #86170F
Dark Rust Red: #640E08

Comment 13

[Alex Gibson [:agibson]]

(In reply to Michael Ham from comment #12)
> Visual styling for developer links on ?v=b updated in Sketch file:
> 
> https://drive.google.com/open?id=0Bw8GuIJD9hBMOTBOVWRYUVFPUTQ
> 
> Quick reference – Hex values for dev link sections (light color at 72px high
> and dark color at 2px high):
> 
> A-Frame:
> Grass Green: #00A199
> Dark Grass Green: #006C66
> 
> Gaming:
> Yeti Ice Blue: #00B4CC
> Dark Yeti Ice Blue: #008799
> 
> IoT:
> IoT Blue: #005189
> Dark IoT Blue: #1F366C
> 
> Context Graph:
> Context Graph Orange: #FF8E33
> Dark Context Graph Orange: #FA7100
> 
> Rust:
> Rust Red: #86170F
> Dark Rust Red: #640E08

Updated on demo thanks: https://bedrock-demo-agibson.us-west.moz.works/en-US/about/technology/?v=b

Comment 14

[Jennifer Bertsch [:jbertsch]]

Hey Alex-

Just noticed the url.

Could we pleas put this at mozilla.org/technology not /about/technology?

thx,
Jen

Comment 15

[Alex Gibson [:agibson]]

(In reply to Jennifer Bertsch [:jbertsch] from comment #14)
> Hey Alex-
> 
> Just noticed the url.
> 
> Could we pleas put this at mozilla.org/technology not /about/technology?
> 
> thx,
> Jen

Ok, will add no-not-merge back to the PR. I'll need to update on Monday.

Comment 16

[Alex Gibson [:agibson]]

(In reply to Alex Gibson [:agibson] from comment #15)
> (In reply to Jennifer Bertsch [:jbertsch] from comment #14)
> > Hey Alex-
> > 
> > Just noticed the url.
> > 
> > Could we pleas put this at mozilla.org/technology not /about/technology?
> > 
> > thx,
> > Jen
> 
> Ok, will add no-not-merge back to the PR. I'll need to update on Monday.

I've updated the URL in the pull request, so it shouldn't block merging and longer :)

We're currently having issues deploying to demo servers however, so I've not managed to push the new URL here just yet. Will keep trying.

Comment 17

[Alex Gibson [:agibson]]

Demo URL is now:

https://bedrock-demo-agibson.us-west.moz.works/en-US/technology/
https://bedrock-demo-agibson.us-west.moz.works/en-US/technology/?v=b

Comment 18

[u570438]

I've modified the tag manager rules to reflect the new URLs.

Comment 19

[[github robot]]

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

https://github.com/mozilla/bedrock/commit/8c5843121f535e593250a5ea3a9b39417dff7e14
[fix bug 1295248] Technology Landing Page

https://github.com/mozilla/bedrock/commit/c4f3e29677913e7cd266dfc53816051ccd131d50
[bug 1295248] Updates to Technology landing page

https://github.com/mozilla/bedrock/commit/7b5accc9daaf13b05f54051600abb60c1d50c195
[bug 1295248] Updates to Technology landing page

https://github.com/mozilla/bedrock/commit/ae2acb333e2151d9f05f08d6b41151ec9b974da9
Merge pull request #4362 from mozilla/bug-1295248-technology-landing-page

Bug 1295248 technology landing page

Comment 20

[[github robot]]

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

https://github.com/mozilla/bedrock/commit/22156e63801977816ef554abeca22d0ba2f15ea5
[bug 1295248] Add redirect experiment to /technology page

https://github.com/mozilla/bedrock/commit/2d620cf337b4eb8e4558292513d0582a1c5b54ce
Merge pull request #4392 from alexgibson/bug-1295248-tech-traffic-cop

[bug 1295248] Add redirect experiment to /technology page