Update Club Captain application

[hannahkane]

See Items 2 and 3 on this doc

Needs a little bit of UX thought, but mostly just form field changes.

[xmatthewx]

Current form:

[xmatthewx]

Find the happy medium to learn enough info to evaluate potential captain, without asking so much that it overwhelms.

[sabrinang]

I have taken a pass at adapting the copy in the form format (pages 8-10 of the New CC application flow doc): https://docs.google.com/a/mozilla.com/document/d/1Ds_uAJvuYa0ACLWmQfUukRHAyX5Stj_8AXGlPjTDW3Q/edit?usp=sharing

@amirad @hannahkane Please take a look at the copy as I have shuffled and reduced some text. Feel free to edit directly or comment in the google doc as it is easier and more direct than redpen.

https://redpen.io/p/he4d93fc5a7a4e6b0b - redpen illustrates form states and format in context.

[xmatthewx]

Nicely done @sabrinang. The two-step process feels very approachable.

[amirad]

Agree! love the two step process.

[hannahkane]

Want to flag @Carotejada to make sure this works for her as well.

[Carotejada]

Thanks @hannahkane!

@sabrinang LOVE it!!!!

[sabrinang]

I scheduled a review session with @amirad @Carotejada @Pomax to go over form content and structure.

Amira and Carolina - we can continue iterating copy and content on the same google doc: (pages 8-10 of the New CC application flow doc): https://docs.google.com/a/mozilla.com/document/d/1Ds_uAJvuYa0ACLWmQfUukRHAyX5Stj_8AXGlPjTDW3Q/edit?usp=sharing and inform Pomax of our plans so he can flag any structure limitations as he is familiar with how the form is implemented (some interactive states are shown on the redpen.

[sabrinang]

We reviewed content and tech requirements. The text has been revised on google doc and design revised on redpen.

Ready for design review on Mondays critique.

[sabrinang]

Revised repen https://redpen.io/p/he4d93fc5a7a4e6b0b with feedback and made form full width to provide more space, be directly linkable (if we give it its own URL), avoids issue of users losing form progress if they click outside modal accidentally and looking closer like a unify form field design

[hannahkane]

+1 for unification!
@sabrinang - does this need to go through another design review, or is it ready for implementation?

[Carotejada]

@hannahkane @sabrinang This is great :)

[sabrinang]

@kristinashu R? on full page form redpens: https://redpen.io/cg7a422f47a656dd0e

[kristinashu]

Looks great @sabrinang! I much prefer the full page layout. Just made a couple notes about the progress bar and making required fields, but they're just things to consider.

[xmatthewx]

R+! Added a redpen comment or two, but nothing critical. Nicely done.

[sabrinang]

Thank you for reviewing! I have updated spacing for the subhead and streamlined the progress bar. I will file a new issue for implementation.