As part of the new e-learning team for SalientCRGT, I was brought on for a short time to create graphics for their e-learning materials.
Below is a sample of that work which started by creating a color and typography palette. I created background designs, graphics, and layout guidance for their Captivate Developers.
Inspiration
Graphics and color palette inspiration come from playing and observing game designs, especially game menus. For this project, I drew inspiration from games such as Mass Effect, Star Wars: Battlefront, Legion, and more.
I chose to focus on game menus, as they greatly resembled our desired outcomes for gamified interactions and the overall UI we wanted to achieve for e-learning assets.
Design Software
Illustrator, Photoshop
Layouts, examples
Early content and graphics layouts. Suggestions are guidance for future e-learning module development.
E-learning Assets
All graphics created in Adobe Illustrator for Captivate Developers.
Examples below are buttons and their uses, a keypad interface, blank frames for containing objects/images/text, and other graphics to visually support technical content.
Backgrounds
Background images recolored in Photoshop. Graphics created in Illustrator.