Design "Remix Your School" page

RESOLVED FIXED

Status

Webmaker
Design & UX
RESOLVED FIXED
3 years ago
3 years ago

People

(Reporter: alicoding, Assigned: cassiemc)

Tracking

Details

(Whiteboard: [localization] [oct17] [wizard] [fallcampaign])

Attachments

(1 attachment, 5 obsolete attachments)

(Reporter)

Description

3 years ago
We are trying to move this to a page part of Webmaker.org site

https://blog.webmaker.org/hack-your-school

The problem is that the screenshot is not appealing when we put them on the site, and we need a better one or some custom illustrations.
(Reporter)

Comment 1

3 years ago
Cassie, I'm not sure the process of requesting design assets here... Is this the right way to do?
Flags: needinfo?(cassie)
(Assignee)

Comment 2

3 years ago
This is a fine way, Ali. Will help me if you know when it needs to be done by?

Will also wait to see if you can utilize the 2-column approach from Made w/ Code... I can assign this once I see another iteration.
Flags: needinfo?(cassie) → needinfo?(ali)
(Reporter)

Comment 3

3 years ago
Created attachment 8498574 [details]
https://redpen.io/ekbb0df85449bdd067

I have new version for Mobile and Desktop up for review again.

This is probably need to be done by this Friday if I'm not mistaken.
Attachment #8498574 - Flags: review?(cassie)
Flags: needinfo?(ali)
(Assignee)

Comment 4

3 years ago
Comment on attachment 8498574 [details]
https://redpen.io/ekbb0df85449bdd067

Have left some comments for Ali / the build, but mostly I don't think the content is quite right yet for this exercise. This needs to be a very narrowed, guided experience, with a clearer ask at the end.

I think we need more time to create the assets and tweak the content here. Matt, possible to finalize this for the next train?
Attachment #8498574 - Flags: review?(cassie) → review-
Flags: needinfo?(matt)
(Reporter)

Updated

3 years ago
Blocks: 1074913
(Reporter)

Updated

3 years ago
Whiteboard: [localization] [oct17] [wizard] [fallcampaign]
* Cassie: are you requesting copy re-write? I'm not sure what you mean by "content"
Flags: needinfo?(matt) → needinfo?(cassie)
(Assignee)

Comment 6

3 years ago
By content I mean words and images. Have a look at the redpen.
Flags: needinfo?(cassie)
(Assignee)

Updated

3 years ago
Assignee: nobody → ricardo
Status: NEW → ASSIGNED
* Ok thanks Cassie -- good point. Hannah / ErikaD: can you update the copy?
Flags: needinfo?(hannah)
Flags: needinfo?(erikad)

Comment 8

3 years ago
Matt, where is the non-mobile version of this? I need to see the *final* "Hack Your School" tutorial that the wizard is pointing to.
Flags: needinfo?(erikad) → needinfo?(matt)
Created attachment 8501880 [details]
https://redpen.io/p/ncf8bc309a75686345

Copy is not final, so I'm putting this up as Feedback
Attachment #8501880 - Flags: feedback?(cassie)
* Erika: I don't know. Let's ask Ricardo.
Flags: needinfo?(matt) → needinfo?(ricardo)
I'm a little bit confused. Wouldn't it be the page that I just designed? https://redpen.io/p/ncf8bc309a75686345
Flags: needinfo?(ricardo)
Flags: needinfo?(erika)
* Tweaked and final copy is here: 
https://blog.webmaker.org/hack-your-school

* ErikaD: can you do a final proof on that? Doesn't need a heavy edit -- just a final proofread.
* Two notes on the (beautiful) design in: https://redpen.io/p/ncf8bc309a75686345
(added both of these to Redpen)

1) There's no embedded make. 
We don't have an embedded Make for this -- it's a Goggles activity. So the embedded make currently in the left hand column will probably have to come out, or change to something else. (Cassie: can you advise)

2) The first step in this activity is to install the X-Ray Goggles. 
So if there's a way to make that easier for people with the design, awesome. (Could embed the Goggles right in this page, to make it easy for them to drag the bookmarklet onto their toolbar?) But whatever design decides is right for that is fine -- just wanted to flag that that's the first step in the experience we're trying to walk people through.

Comment 14

3 years ago
Copy looks good. Made a slight tweak to the Tweet instructions. Cassie, can you make sure this section is updated in the mobile version as well?

New copy:

Tweet it. Share the link to your hacked version of the site with the #webmaker hashtag. Who’s got the most creative remix?
Flags: needinfo?(hannah)
Flags: needinfo?(erika)
(Assignee)

Comment 15

3 years ago
Ricardo, any updates on the graphics? We should hop on vidyo today to discuss.
Flags: needinfo?(ricardo)
Hey Matt, 

For #1. Embedded make has been removed

For #2. We can embed the button right in the page, but on mobile we'll need to display a banner or alert saying that the activity won't work on Mobile, cool?
Flags: needinfo?(matt)
Created attachment 8504721 [details]
https://redpen.io/wsb3f0d8304af61562
Attachment #8504721 - Flags: review?(cassie)
Flags: needinfo?(ricardo)
* Nice! Thanks Ricardo. Sounds great.
Flags: needinfo?(matt)
* Ricardo: question: once this is done, are we going to use this template for the other two activities as well? "Make a Music Video" and "Private Eye" as well? 
* (And if so: want me to file separate tickets for those?)

https://blog.webmaker.org/music_video
https://blog.webmaker.org/maker-party-private-eye
Summary: New design asset for Hack Your School page → Design Hack Your School page
* Cancel that! They're already here, sorry. 
Bug 1082564 
Bug 1082565
* Need to change the title from "Hack your school" to "Remix your school"
Summary: Design Hack Your School page → Design "Remix Your School" page
Created attachment 8505726 [details]
https://redpen.io/wsb3f0d8304af61562
Attachment #8498574 - Attachment is obsolete: true
Attachment #8501880 - Attachment is obsolete: true
Attachment #8504721 - Attachment is obsolete: true
Attachment #8501880 - Flags: feedback?(cassie)
Attachment #8504721 - Flags: review?(cassie)
Attachment #8505726 - Flags: review?(cassie)
(Assignee)

Updated

3 years ago
Assignee: ricardo → cassie
(Assignee)

Comment 23

3 years ago
Created attachment 8506447 [details]
https://redpen.io/wsb3f0d8304af61562

Made some significant changes.

* New feature image style
* updated x-ray goggles illustrations
* moved step 1 into a 'before you start' panel in the left column
* through the above change, and integrating the bonus exercise into an existing step, was able to reduce the steps from 7 to 4.
* footer, as before, presents a single badge

Matt if these changes make sense to you I'll save out assets tonight so Ali can swap them in. Everything should be straightforward to implement (Ali, let me know if I'm mistaken).
Attachment #8506447 - Flags: review?(ricardo)
Attachment #8506447 - Flags: feedback?(matt)
love. r+
Attachment #8506447 - Flags: feedback?(matt) → feedback+
Cassie, I left my comments in Red Pen. Minor stuff so I'm R+
Attachment #8506447 - Flags: review?(ricardo) → review+
* Looking awesome guys. Can we mark this resolved, so that we move on to build?
(Assignee)

Comment 27

3 years ago
Cool, I addressed the redpen comments, now will just save out assets then close. Thanks guys!
(Assignee)

Comment 28

3 years ago
Created attachment 8506526 [details]
https://redpen.io/wsb3f0d8304af61562

The latest.
Attachment #8505726 - Attachment is obsolete: true
Attachment #8506447 - Attachment is obsolete: true
Attachment #8505726 - Flags: review?(cassie)
(Assignee)

Comment 29

3 years ago
Assets are here:
https://www.dropbox.com/sh/oxfew72t43tpc8a/AAAMWfhUUnb0h5RzZo92DBxka?dl=0

Final reference design:
https://redpen.io/wsb3f0d8304af61562
Status: ASSIGNED → RESOLVED
Last Resolved: 3 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.