1080877 - Temporarily take over the demo studio for 10th anniversary demos

Status: RESOLVED FIXED

(developer.mozilla.org Graveyard :: Demo Studio / Dev Derby, enhancement)

Description

[Justin Crawford [:hoosteeno] [:jcrawford]]

What feature should be changed? Please provide the URL of the feature if possible.
==================================================================================
On 2014/11/10, Mozilla will have some product/platform
announcements that will be cooler with demos. "Demos" means the kind of demo we have on demo studio. 

One great way to accomplish this would be to take over the top half of the demo studio landing page for a short while
(a week?) during the announcement period and to use the "featured demo" area for the demos accompanying the announcements. I've attached a screenshot to give you a very basic idea of this.

The demos have to launch at 6am on the 10th of November.

What problems would this solve?
===============================
Need to share demos in the context of a campaign.

Who would use this?
===================
Mozilla PR team would use link to this from some big announcements. Audience would land on this page, experience demos of new features, and get excited.

What would users see?
=====================
See attachment for a basic idea. This is not a final design, just a very rough mockup.

What would users do? What would happen as a result?
===================================================
They would get excited about new platform/product features.

Is there anything else we should know?
======================================
* We should think about whether there is any unique data we might derive from this.
* We need to understand if these demos are Fx specific. If so... how does that change the project?

Comment 1

[Justin Crawford [:hoosteeno] [:jcrawford]]

Attachment: Very rough, very ugly mockup of the idea, not of how the site should look

Comment 2

[Justin Crawford [:hoosteeno] [:jcrawford]]

:groovecoder, can you come up with an LOE for...
* swapping out the background
* changing the copy
* maybe changing css for fonts and colors on the demo studio

Comment 3

[Luke Crouch [:groovecoder]]

302 :davidwalsh for the LOE estimate in https://bugzilla.mozilla.org/show_bug.cgi?id=1080877#c2

Comment 4

[David Walsh :davidwalsh]

Assuming we are provided the imagery, and at the right size/scale, as well as provided text, all up front, I think we can zoom through this in a day.  I have a hard time believing it would go past 3 days if we run into issues.

The larger time issue could be getting the demos up and making sure they're all running appropriately, but we haven't received those yet so I can't LOE or comment on that.

Comment 5

[Justin Crawford [:hoosteeno] [:jcrawford]]

Just adding some details here about the plan.

* The demo studio takeover should be live in time for a press release at 5am PST, 2014/11/10. It should be tested by then.
* We'll add new assets or other visual changes behind waffle flags so we can flip them for admins and then at the right moment for all users.
* We'll upload demos with "Hide from other users" checked, and then when we flip the waffle flag we can uncheck that (in admin)
* At that time we should also ensure that only the demos in this announcement are featured
* If the order of demos is important, the logic for their display order is "last modified, first displayed"[0] so we can "touch" them in admin if need be.

:groovecoder, I think we might want someone who can push code on hand at 4am PST on launch day -- pretty much any admin could flip the waffle flag, open up demos, and test to make sure things are OK, but if things aren't OK it would be nice to have that person be able to push. 

[0] https://github.com/mozilla/kuma/blob/65c0840b95a14985af3c3780c32371897f96cdda/kuma/demos/views.py#L69-L71

Comment 6

[MDN Team (:mdn-dev)]

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

https://github.com/mozilla/kuma/commit/2f7f7068cf0e6cbe72a590db62e80460d8a1d8c2
Bug 1080877 - 10th anniversary skin

Backgrounds, blue buttons, blue links.

https://github.com/mozilla/kuma/commit/90525dd03fce78523e00c35ad75f2960be9eba68
bug 1080877 - Cleanup stylus, make home demo swapping work infinitely

https://github.com/mozilla/kuma/commit/575c79d5769c71c8d47eaef765b2bc0c1f6aee5d
bug 1080877 - Updating nits of 10th design

https://github.com/mozilla/kuma/commit/b0db555d418032840981570778ed0ee9c112e640
bug 1080877 - Improve background image quality

https://github.com/mozilla/kuma/commit/7c1a2245477d8af20ac54fd50029a697a0b64a1b
Merge pull request #2864 from darkwing/Bug-1080877-demos-10th

Bug 1080877 demos 10th

Comment 7

[MDN Team (:mdn-dev)]

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

https://github.com/mozilla/kuma/commit/48141f1a7b0b1d531687285cb99e47dc3039c3f8
bug 1080877 - remove skylight from demo studio background

https://github.com/mozilla/kuma/commit/d1c580373086f12b8e4b7605e798a02267935b8a
Merge pull request #2875 from darkwing/demo-10th-update

bug 1080877 - remove skylight from demo studio background

Comment 8

[Vladimir Vukicevic [:vlad] [:vladv] (needinfo me, slow to respond)]

Can we make sure to test the takeover layout on mobile?  The current site looks very bad in Firefox for Android or Firefox OS.

Comment 9

[Justin Crawford [:hoosteeno] [:jcrawford]]

(In reply to Vladimir Vukicevic [:vlad] [:vladv] from comment #8)
> Can we make sure to test the takeover layout on mobile?  The current site
> looks very bad in Firefox for Android or Firefox OS.

Blocking bug 1087015 is all about this.

Comment 10

[Luke Crouch [:groovecoder]]

Note: After launch, :hoosteeno, :mbest, and/or :pjarratt should keep an eye on https://developer.mozilla.org/admin/contentflagging/contentflag/ for users reporting problems with demos.

Comment 11

[Justin Crawford [:hoosteeno] [:jcrawford]]

No troublesome comments so far. Still watching.

Comment 12

[MDN Team (:mdn-dev)]

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

https://github.com/mozilla/kuma/commit/e435bfcebf665dc808ce0618286153332821692a
bug 1080877 - Use low-res firefox background on mobile

https://github.com/mozilla/kuma/commit/4634deb1de951527586eb0150ae12dc824b93930
Merge pull request #2896 from darkwing/1080877-lowres

bug 1080877 - Use low-res firefox background on mobile

Comment 13

[MDN Team (:mdn-dev)]

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

https://github.com/mozilla/kuma/commit/2c5ec4308b333f7fb51f71a967539b201b991450
bug 1080877 - Update terms template to match new and 10th ann design

https://github.com/mozilla/kuma/commit/716ddeeeb25e53cf85b2c94c60163c3a8e953fe2
Merge pull request #2877 from darkwing/fix-terms

bug 1080877 - Update terms template to match new and 10th ann design

Comment 14

[Justin Crawford [:hoosteeno] [:jcrawford]]

All blockers are resolved. Nice work everyone!