Visionlearning is a free online learning space for teachers and students of S.T.E.M. disciplines.
Through Avidano Digital, I worked closely with Visionlearning educators and staff to completely rebrand and redesign their online learning materials.
Logo design
It's a student reading. It's an eye. It's the new Visionlearning logo inviting teachers and students to access their high-quality online educational materials.

The new Visionlearning logo
Look and feel
One can easily feel overwhelmed when learning anything new, particularly undergraduate-level science! I intentionally used common design patterns and familiar UX elements like tabs and accordions across the entire website. To make it easier to navigate and discover Visionlearning's numerous learning features, several elements were tailored to their one-of-a-kind modular content.
Inclusivity
Visionlearning's content is available in English and Spanish, while the OpenDyslexic typeface option makes reading easier for dyslexic learners. Keyboard users can navigate the website through tabbing.

Feature highlights
The multi-tier breadcrumb makes it easy to navigate disciplines and topics from the module.

In the reading, glossary terms are highlightable. They link through to the Glossary section.

The Glossary uses accordion-style definitions, audio pronunciation, and links to relevant content in the Library.

Science illustrations
Using Adobe Illustrator and Photoshop, I created custom scientific illustrations to add clarity to a variety of complex topics. The style depended on their placement and meaning within the content.
The complexity of these illustrations ranged from simple chemical formulas to visualizing the anatomy of plant and animal cells.

Illustrations created for 'Discovery and Structure of Cells'

Illustrations of various scientific experiments

RNA and DNA structural composition

Four levels of protein structure

The periodic table of elements