A web app for after-school educators participating in Science Action Club's professional development program.
interviews -> requirements gathering -> persona development -> service design -> needs validation -> low-fidelity prototyping -> concept validation -> design system creation -> high-fidelity prototyping -> usability testing -> production
Katie Levedahl, Laura Herszenhorn, Andrew Collins, Cesy Martinez, Rik Panganiban
2016 / 6 months
Science Action Club provides high-quality professional development to afterschool educators. Specifically, we design environmental-science curriculum for middle-school-age young people and then train adult educators on how to teach this curriculum. In 2017, Science Action Club received funding to scale their impact nationwide, going from just five afterschool sites in the Bay Area to over 500 sites in 15 U.S. states.
The Educator Portal is an web-based application that allows afterschool educators around the nation to access online lessons about how to teach Science Action Club's curriculum. In order to be certified as an instructor with our program, afterschool educators go on the Educator Portal and complete the online course relevant to the curriculum they wish to teach. The Educator Portal provides a way for educators around the nation to stay engaged with Science Action Club through the certification process and beyond.
A selection of assets from the prototyping process are presented here.
[Figure 1] A service blueprint of the Science Action Club program.
[Figure 2] A zoomed-in version showing the service as experienced by an after-school educator.
[Figure 3] A high-level screen map of the Educator Portal.
[Figure 4] Some atoms, such as colors, typographic styles, and buttons, of the Science Action Club design system, which was developed using the principles of atomic design.
[Figure 5] Gradients, icons, and some examples of molecules of the design system.
[Figure 6] An animation showing a user interacting with Educator Portal.