Branding + Animation / Alrightnice
How do you visually represent mentorship? In collaboration with Alrightnice studio, I created a design system and a series of animations for an online course about the value of mentorship in the sciences. The challenge was to create a design system that would not only communicate the theme of mentorship, but also be visually diverse enough to keep students engaged. It also needed to visually prompt the hierarchy and evolution of the course sections and subsections. After presenting a few different designs to the client, I pitched a design direction that used subtractive colors and shapes that unlocked the rest of our designs and workflow. Check out the final course, Build Your Research Community.
The course consists of four course modules. As the modules progress, more colors are added to the hero composition. Each module is represented by its own dominant color. For example, Module One is dark blue, Module Two is red, Module Three is light blue and Module Four is green. This color system allows students to quickly identify which module they are on and visually see their progression in the course.
Since each of the four course modules are represented by a different color, we designed the chapter slates within the modules to reflect this pattern.
Throughout the course, there are numerous animated compositions illustrating different concepts as shown above.
Within each course video, there are various text slates, such as the “Tip” text slate above.