make an informative splash page

[iamjessklein]

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

[iamjessklein]

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

[toolness]

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]

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]

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]

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]

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]

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

[iamjessklein]

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]

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 notifications@github.com 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 https://github.com/rockawayhelp/aid-badges-website/issues/1#issuecomment-153765285 .

[iamjessklein]

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

[toolness]

That looks amazing.

[ariammogos]

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 notifications@github.com wrote:

That looks amazing.

— Reply to this email directly or view it on GitHub.

[iamjessklein]

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

[devinbalkind]

Wow. Amazing. 👏

On Mon, Nov 9, 2015 at 8:12 AM, iamjessklein notifications@github.com 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 https://github.com/rockawayhelp/aid-badges-website/issues/1#issuecomment-155057949 .

[iamjessklein]

Ok - started the second "screen"

[devinbalkind]

Are those people with rain ponchos carrying signs?

On Tue, Nov 10, 2015 at 12:26 PM, iamjessklein notifications@github.com 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 https://github.com/rockawayhelp/aid-badges-website/issues/1#issuecomment-155498713 .

[iamjessklein]

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]

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

On Tuesday, November 10, 2015, iamjessklein notifications@github.com 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 https://github.com/rockawayhelp/aid-badges-website/issues/1#issuecomment-155643408 .

[iamjessklein]

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

[ariammogos]

So awesome Jess.

On Wed, Nov 11, 2015 at 10:52 AM, iamjessklein notifications@github.com wrote:

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

— Reply to this email directly or view it on GitHub https://github.com/rockawayhelp/aid-badges-website/issues/1#issuecomment-155823670 .

[iamjessklein]

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:

[threeqube]

@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]

@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]

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

[threeqube]

Ah got it. That makes sense. Excited to see the next storyboard. :+1:

[iamjessklein]

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:

[iamjessklein]

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

[iamjessklein]

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

[iamjessklein]

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

[iamjessklein]

[iamjessklein]

hearts drop... into final section:

[iamjessklein]

This is the first transition (more or less):

[threeqube]

These are amazing. I :heart: them all.

[iamjessklein]

Thanks @threeqube

I got a little bit further:

[iamjessklein]

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