Location of Movie on Landing Page

[jonfroehlich]

With the choropleth on landing page, I wonder if it makes sense to move the movie somewhere? I think part of it is that it just looks a bit smashed up against the bottom of the choropleth map.

A few ways we could deal with this:

1. Put a whitespace (or some other colorspace) buffer between the map and movie

2. Similar to 1., change the movie presentation a bit so that the module is consistent with our modular sections and have a title and subtitle for the movie before the movie itself

3. Move the movie down to after "What people are saying" and maybe change it to "Find out more..." or something.

Thoughts?

[misaugstad]

I gave 1. a shot, how does it look?

Does it look good, should I add a bit more of a buffer space, or should I try one of the other options?

[jonfroehlich]

I think I liked having the map full width tbh. Thoughts from others?

If we do full width map, then I think we should try suggestion 2 above.

[maddalihanumateja]

I agree with having a full width map. It feels more consistent with the rest of the page and reduces the amount of vacant looking space. I feel the “What is Project sidewalk?” section is too far down the page in any case. I like option 2. of making the movie module consistent if we have the time and I would also change the position of the module to after the initial “Lets create a path for everyone” section

…

On Jun 22, 2017, at 10:16 AM, Jon Froehlich ***@***.***> wrote: I think I liked having the map full width tbh. Thoughts from others? If we do full width map, then I think we should try suggestion 2 above. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#724 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ADagpQHL07TLsrM2nJcwiLCKz09Sa_38ks5sGndEgaJpZM4OAUvB>.

[jonfroehlich]

What do you mean by "html container" -- is this synonymous with what I have been calling 'module' in the text above?

[misaugstad]

Thoughts on the current look?

[jonfroehlich]

Need '?'. Also, need sub-title--perhaps that says 'Click on the movie below to learn more' Also, Teja suggested moving this up. Thoughts on this?

…

On Thu, Jun 22, 2017 at 2:26 PM, Mikey Saugstad ***@***.***> wrote: Thoughts on the current look? [image: what_is-separate] <https://user-images.githubusercontent.com/6518824/27449524-b350e8cc-5756-11e7-9030-0bcdf3966f9d.png> — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#724 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABi-9TxVw09GmACWz3iWqAjMIgupGyo1ks5sGrG5gaJpZM4OAUvB> .

-- Jon Froehlich Assistant Professor Computer Science University of Maryland, College Park http://www.cs.umd.edu/~jonf/ @jonfroehlich <https://twitter.com/jonfroehlich> - Twitter

[misaugstad]

I think that it makes sense to have the explanation of what PS is early. My first concern would have been it looking weird with two videos butting up against each other, but with the separate title, I am no longer concerned about it.

[jonfroehlich]

@misaugstad: I totally agree. I was worried about that too. I think the 'What is PS?' movie could either be the 2nd module (just after the first movie) or the 3rd module (just after the 'animated gif' style how to use PS module).

Can we try both and paste what they look like here?

[misaugstad]

Do we prefer "click on" or "check out"?

And I suggest "video" > "movie"

[jonfroehlich]

I agree with both of your suggestions. :)

Check out and video are both better! :)

[misaugstad]

Here are the two options; I used 2 images for each so you could see the two borders more clearly.

As module 2:

As module 3:

[jonfroehlich]

You should use a snapshot tool that allows you to capture an entire website in a PNG like: https://addons.mozilla.org/en-US/firefox/addon/screenshot-capture-annotate/ (I believe this is also available for Chrome).

In terms of preferences, I think I like this order:

1. "How you can help"
2. "What is Project Sidewalk?"
3. Choropleth
4. Your work is making a difference

And for 2., I think we can go back to what @sbower213 made for us (so almost like it is on production server but with increased opacity layer for improved text readability).

[misaugstad]

You should use a snapshot tool that allows you to capture an entire website in a PNG like: https://addons.mozilla.org/en-US/firefox/addon/screenshot-capture-annotate/ (I believe this is also available for Chrome).

Thanks for the tip!

[manaswisaha]

Closed via #747