Visualizing inclusiveness and diversity
UI & DIGITAL BRANDING
We created an internal facing training site to share with various teams across the company to increase peoples awareness of accessibility best practices and stories, share available and mandatory accessibility training, share best practices and mandatory procedures.
We created materials that aligned to our company’s brand guidelines and worked within our design system while still branding the accessibility team as their own part at the bank and showcasing them as the individual function at the bank that they are. We did that by using a softer color theme, using bolder headlines and using an individual illustration style. We wanted to illustrate this team as an important and empathetic function that needed to be considered across all our clients touch-points and procedures to ensure internal teams understand that we are creating environments for all of our visitors and needs and meeting them where they are.
Design concepts and final design
Art direction
Illustration
Development deliverables
PROBLEM STATEMENT:
“Create a resource for training, information, reference materials and
contact points for all internal teams to grow our whole organizations
awareness of accessibility to ensure that everyone can access all of our materials.”
Primary design exploration of top level pages
Our team was made up of 5 focused individuals, a UX designer, a content strategist, our accessibility partner, our development partner and myself focusing on the final UI design deliverables and creative concepts.
We started our process by doing internal and external discovery by gaining an understanding of all the trainings, materials and procedures that the microsite had to cover as well as look at what had been created for similar micro-sites at other organizations. We collaborated on the information architecture and structured the content as well as created our first initial creative concepts. After reviewing all these initial deliverables with our accessibility and development partners for feasability and initial approval we continued with the creation of the detailed page designs working through the details of the information and the content.
The process
Initial design concepts
The final training page designs