Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

make an informative splash page #1

Open
iamjessklein opened this issue Nov 1, 2015 · 35 comments
Open

make an informative splash page #1

iamjessklein opened this issue Nov 1, 2015 · 35 comments
Assignees
Labels

Comments

@iamjessklein
Copy link
Member

The page should explain to people what the concept is and then allow them to sign up for the "beta" in some form.

@iamjessklein iamjessklein self-assigned this Nov 1, 2015
@iamjessklein
Copy link
Member Author

I took a stab at working through what I am thinking. I was imagining a one page (possibly parallax) site that takes you through a scenario with the problem - and solution of aid badges. Something like this (apologize - I sketched on index cards):

cc/ @stevekinney @toolness @threeqube

aidbadges

@toolness
Copy link

toolness commented Nov 2, 2015

This looks great! I like how crisp the messaging is.

I assume there would be an email field at the very bottom for the call-to-action?

@iamjessklein
Copy link
Member Author

Yeah I think that's the idea. I guess this might be a good moment to figure out what our plan for follow up might be. It might just be good to get a handful of emails and then follow up with an email and/or questionnaire about the taxonomy. Thoughts?

@devinbalkind
Copy link

I think it's splendid. The only change I'd make is to add a personal with a laptop to a slide so it can feel like it's addressing volunteer technical communities (VTCs) like Humanitarian Open Street Map, Standby Task Force, etc. That laptop person could be on the "many people will volunteer - which is great" slide or "it can be difficult to know what each volunteer is capable of" one. Aside from that small change, I think you've nailed it with the messaging.

@ariammogos
Copy link

Jess this is awesome, great messaging. I agree, I think getting a handful of emails and then sorting out taxonomy is a good idea. I can help with gathering email addresses...is there a communication plan for this project? Is the goal to have a group who we'll be continuously testing with?

@iamjessklein
Copy link
Member Author

Thanks @devinbalkind and @Mogibear - I will incorporate a laptop into the next iteration.

Re: communications - the idea here is twofold - 1. to get people to sign up so that we can develop a cohort to usertest badges with and 2. to gain insight from experienced aid communities as to what "badges" would be appropriate.

I wrote a new issue for us to think this through in #2 - are either of you willing to take that on?

@ariammogos
Copy link

I can write the copy, how is this project being managed? Is the Trello still up?

@iamjessklein
Copy link
Member Author

ha. organization - I've fallen off the wagon. Why don't we just start by writing github issues? Then we can pull them into waffle.io

@devinbalkind
Copy link

You can get a trello/kanban style experience with Github issues using
https://waffle.io/

On Wed, Nov 4, 2015 at 10:36 AM, iamjessklein [email protected]
wrote:

ha. organization - I've fallen off the wagon. Why don't we just start by
writing github issues?


Reply to this email directly or view it on GitHub
#1 (comment)
.

@iamjessklein
Copy link
Member Author

Just started to mock up the visuals - here is scene 1. If this is on mobile, just the middle section will be visible.

aid-desktop

@toolness
Copy link

toolness commented Nov 8, 2015

That looks amazing.

@ariammogos
Copy link

Ditto, love love love this. Steve and I spoke today and we are both pumped!

On Nov 8, 2015, at 10:41 PM, Atul Varma [email protected] wrote:

That looks amazing.


Reply to this email directly or view it on GitHub.

@iamjessklein
Copy link
Member Author

Thanks guys! My goal is to get this all drawn up over the next week or so.

@devinbalkind
Copy link

Wow. Amazing. 👏

On Mon, Nov 9, 2015 at 8:12 AM, iamjessklein [email protected]
wrote:

Thanks guys! My goal is to get this all drawn up over the next week or so.


Reply to this email directly or view it on GitHub
#1 (comment)
.

@iamjessklein
Copy link
Member Author

Ok - started the second "screen"

aidbadges3

@devinbalkind
Copy link

Are those people with rain ponchos carrying signs?

On Tue, Nov 10, 2015 at 12:26 PM, iamjessklein [email protected]
wrote:

Ok - started the second "screen"

[image: aidbadges3]
https://cloud.githubusercontent.com/assets/535012/11069829/326d7800-87a6-11e5-8e5a-a0c8dbad056d.png


Reply to this email directly or view it on GitHub
#1 (comment)
.

@iamjessklein
Copy link
Member Author

Yes they are. The sign is one half a heart and then I thought the volunteers could have signs with the other heart half.

@devinbalkind
Copy link

Oh my. That's such a beautiful concept. Love it.

On Tuesday, November 10, 2015, iamjessklein [email protected]
wrote:

Yes they are. The sign is one half a heart and then I thought the
volunteers could have signs with the other heart half.


Reply to this email directly or view it on GitHub
#1 (comment)
.

@iamjessklein
Copy link
Member Author

Something kind of like this https://instagram.com/p/98zD2Yyvzp/

@ariammogos
Copy link

So awesome Jess.

On Wed, Nov 11, 2015 at 10:52 AM, iamjessklein [email protected]
wrote:

Something kind of like this https://instagram.com/p/98zD2Yyvzp/


Reply to this email directly or view it on GitHub
#1 (comment)
.

@iamjessklein
Copy link
Member Author

I think when people volunteer they should first raise their hands. I will need to make everyone look unique - but this is the general idea:

aidbadges3

@threeqube
Copy link

@iamjessklein I absolutely love these sketches!

qq: like you mentioned earlier, are you gonna try one where the volunteers have the other half of a heart?

@iamjessklein
Copy link
Member Author

@threeqube thanks, yeah. So I realized that there needs to be a space before the hearts arrive where it's hard to tell who has what skill. I think that I need to have the volunteers sign up with iPads or something before they make the "heart connection".

@toolness
Copy link

Yes! I really like this heart connection narrative. We should totally carry this metaphor through into the product as it evolves!

@threeqube
Copy link

Ah got it. That makes sense. Excited to see the next storyboard. 👍

@iamjessklein
Copy link
Member Author

So the last frame I was thinking could pan out horizontally - instead of vertically - so it shifts to the side.... left = affected right = volunteers

It's hard to communicate with a still image, but imagine this scene animated:

screen shot 2015-12-29 at 7 04 06 pm

@iamjessklein
Copy link
Member Author

---->>> ZOOM IN <<<----

screen shot 2015-12-29 at 7 47 15 pm

@iamjessklein
Copy link
Member Author

words come up from below and the characters move off screen:

screen shot 2015-12-29 at 7 55 43 pm

@iamjessklein
Copy link
Member Author

The signs will "drop" down on scroll and become badges.

screen shot 2016-01-23 at 8 33 19 pm

@iamjessklein
Copy link
Member Author

screen shot 2016-01-23 at 9 20 40 pm

@iamjessklein
Copy link
Member Author

hearts drop... into final section:
screen shot 2016-01-23 at 9 39 44 pm

@iamjessklein
Copy link
Member Author

This is the first transition (more or less):

comp-1- converted

@threeqube
Copy link

These are amazing. I ❤️ them all.

@iamjessklein
Copy link
Member Author

Thanks @threeqube

I got a little bit further:

new

@iamjessklein
Copy link
Member Author

For the responsive version - I'm imagining that the screen would look like this ... with the "animation" being turned into a little movie.

mobile portrait

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

5 participants