Visionlearning

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.

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.