Design mock-up for snippet test landing page

RESOLVED FIXED

Status

Webmaker
webmaker.org
RESOLVED FIXED
3 years ago
3 years ago

People

(Reporter: OpenMatt, Assigned: sabrina)

Tracking

Details

(Whiteboard: [snippet] [june27][studiomofo])

Attachments

(1 attachment)

* CONTEXT: 
* we're creating a landing page to test how various calls to action perform on the snippet
* Unbounce will probably not pass security review in time, so we're going to create the page ourselves and host it on the webmaker.org domain

* DESIGN DELIVERABLE:
* What we need: a slightly nicer designed version of this page:
http://welcome.webmaker.org/firefox-snippet-test-landing-page/
* Delivered as a flat mock-up we can then hand over to a front-end web developer to implement

WHY?
* Andrea created this page herself -- needs some design love
* Follow our brand guidelines for look and feel, improved typography and layout, etc. 
* Imagery not required -- text only is fine

JUST TO BE CLEAR: we don't need HTML / CSS. Just a design mock-up.
* Once the page mock-up is complete, it can be passed to a front end developer for implementation
(Reporter)

Updated

3 years ago
No longer depends on: 1026693
(Reporter)

Updated

3 years ago
Blocks: 1026703
(Reporter)

Comment 1

3 years ago
* yay! Looks like Sabrina can take this one. 

* Sabrina: can you let us know when you think you can have this done? So that I can have a front-end dev ready to create the HTML / CSS?
Assignee: nobody → sabrina
Flags: needinfo?(sabrina)
(Assignee)

Comment 2

3 years ago
Created attachment 8441775 [details]
red pen mockups

Hey Matt- I got some mockups up on redpen for you: https://redpen.io/p/wq9f599965773f43c2
Let me know what works and they are pretty much ready - but I can refine them if needed after designs are reviewed.
Attachment #8441775 - Flags: feedback?(matt)
Flags: needinfo?(sabrina)
(Assignee)

Updated

3 years ago
Whiteboard: [snippet] [june27] → [snippet] [june27][studiomofo]
These are great! THEY ARE SO MUCH BETTER THAN MY LAME MOCKUP.

I think for this initial round of tests we should keep the landing page simple. I like this one:
https://redpen.io/ot3679dc4ffb1a6603

But we should definitely test the one with photos in the near future.

Also, I think we should tweak the language so it flows a little better (Sorry Erika!) to:

"Learn more about Mozilla Webmaker and join the global Maker Party, a 3-month celebration of teaching and learning on the web." ("Participating" was a hanging me up a little...)
(Reporter)

Comment 4

3 years ago
+ 1 Sabrina these are AMAZING. Can't believe you got this done so quickly as well -- thank you so much!

* Ok, so we're going with this design:
https://redpen.io/ot3679dc4ffb1a6603

* Andrea: please make sure the updated copy you want is in the etherpad for
https://bugzilla.mozilla.org/show_bug.cgi?id=1026693

so that I can assign this to a dev to create the HTML / CSS


* Marking this resolved. Amazing work.
Status: NEW → RESOLVED
Last Resolved: 3 years ago
Resolution: --- → FIXED
(Reporter)

Updated

3 years ago
Attachment #8441775 - Flags: feedback?(matt) → feedback+
(Reporter)

Updated

3 years ago
Blocks: 1027715
(Reporter)

Updated

3 years ago
Blocks: 1027724
(Reporter)

Updated

3 years ago
No longer blocks: 1027724
You need to log in before you can comment on or make changes to this bug.