Length: 14 months
Brief: Create a comprehensive learning experience that helps designers, developers, and testers at Bank of America understand and apply the WCAG 2.2 accessibility guidelines.
Solution: A gamified learning experience and an informative website that engages and educates learners about web accessibility, assistive technology, and WCAG 2.2.
By the end of this course learners should be able to...
Let's face it, there is a lot of information online that talks about web accessibility. Our learners found it difficult to understand the technical jargon without any visuals and expressed feeling overwhelmed by the amount of content available.
We started by focusing on organizing the data into more manageable chunks. We created various logo concepts, tested with users, and worked tirelessly for over 12 weeks to establish the logo and space themed concept for this learning experience to create a welcoming environment for our learners.
Simplifying and breaking this complex topic into galaxies, solar systems, universes, and planets allowed our users to visualize the complexity without feeling overwhelmed by the large amount of information. This clean design created a sense of calmness for our learners to learn about an essential topic.
This is a sample of one of the 86 lessons created in Articulate Storyline 360. This is what learners experienced once they reached the "Explore" page of each guideline.
Try the demoMy team knew this project would be content heavy. We created an admin panel to easily build out the bulk of the content. Our developers used HMTL and CSS to create the structure then built an incredible admin panel which allow me to build the content out for all 4 galaxies, 13 solar systems, and 86 planets.