Inclusion 360º
Inclusion 360º teaches the fundamentals of workplace inclusivity and emotional intelligence. In order to resonate with all types of professionals, from biochemists to engineers, I chose to stick to the basics. Everyone has associations with different colors, movements, forms, and general metaphors. This design system is simple, clear, and subtly playful.
Color
Inclusion 360º’s palette starts with blue and teal and expands into a world of color. Multiple backgrounds create contrast and variety.
Inclusive Design
When designing visuals for inclusive education, contrast is key. All designs go through multiple visual checks to ensure no information is lost for people with different kinds of vision.
Many Modules
Inclusion 360º has six modules of learning, taken over the course of several months. This means the design system has to accommodate 6 months of content. The course has a consistent look, but each module introduces a new leitmotif, keeping things fresh and engaging.
Motion
Dropping the frame rate to 12fps gives movement a jittery look, reminiscent of hand-drawn animation and stop-motion. Most learners will never notice the difference, but they feel the warmth and whimsy that it brings.
Layout
ion courses have a range of documents, downloads, and marketing collateral. The design system touches every element, creating one cohesive learning and marketing experience.