Create 2FA Guide Page

[daniellen00]

Overview

All members of Hack for LA need to have 2FA in their Github. Most new members need instructions for doing this. Create page for website.

Dependency

Guide template

Action Items

• UX Writing
  • Review existing guide and other resources
  • Organize the wording and define elements that should be on page
  • Sign off
• UI Mockup
  • Design mockup
  • Coordinate with VRMS team about requirement for stats
  • Sign off
• Development -Implement mockup:
  • Create new guide collection
  • Create a guide template
  • Make it work for the 2FA content
  • Link from Getting Started guide

Resources/Instructions

VRMS Figma
2FA Instructions
Google Doc Draft

Resume

UX Writing:

• Evaluated existing materials, identified and located missing information, created new presentation recommendations to reduce security compliance time and improve onboarding experience.
• Communicate to funders, potential volunteers, and other interested stakeholders the specific value delivered by Hack for LA membership to workforce development goals.

UI Mockup:

• Design security compliance guide to improve new member onboarding and expand website assets.
• Communicate to funders, potential volunteers, and other interested stakeholders the specific value delivered by Hack for LA membership to workforce development goals.

Developers:

• Create a new collection in Jekyll / GitHub Pages to organize and deliver guide content to website
• Used Liquid and Vanilla JS to create new website content
• Integrate data from API to display real-time statistics of GitHub 2FA security compliance at initial onboarding to increase awareness of membership value

[daniellen00]

@ExperimentsInHonesty for UX Writing sign-off

[ExperimentsInHonesty]

This will be the first of many guides. So like the project homepages and project cards, we will probably want some standardization, so that we can build from mark down files (like we have for the projects) to feed this design.

[yuikomajima]

Please see initial mockup here: https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=695%3A3802

[ExperimentsInHonesty]

go ahead and put the new mockup in this figma file tab: https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=695%3A0

[ExperimentsInHonesty]

it looks like the action item is for me to review this and see if there are any changes required. Also the next developer who has to do this @hannahlivnat should review it as well, and see if it makes sense to her, since she is doing this now.