Branding and Website Modernization
An award-winning S.T.E.M. online learning space
Challenge
Visionlearning offers free science educational resources in both English and Spanish. However, their website was difficult to navigate, outdated, and not optimized for mobile devices. This made it challenging for educators and students to locate the materials they needed, reducing the site's effectiveness.
Solution
We collaborated with Visionlearning to transform their platform into an award-winning S.T.E.M. online learning space, enhancing accessibility, usability, and modernity. Over the years, we continuously updated their interface, adding robust new features and functionality. Each update kept pace with accessibility needs, and educational and technological advances.
Results
Our work has led to increased engagement and enhanced visual learning for educators and students. By staying ahead of accessibility needs and Next Generation Science Standards, we have ensured that Visionlearning remains a cutting-edge, reliable resource for STEM education.
Key contributions:
- Logo design and branding
- User experience strategy
- Front-end development
- Scientific illustrations
Enhancing usability and scientific clarity
Redesigning Visionlearning’s platform required more than a fresh look. We focused on making scientific content easier to explore and more accessible for all users. Every decision—from navigation to interactive features—was designed to support learning and provide a seamless experience across devices.
A logo that represents learning
The new Visionlearning logo symbolizes discovery and engagement. It combines an eye, for observant learning, with an open book, representing knowledge. This updated design reflects Visionlearning's commitment to STEM education.
The new Visionlearning logo
The new sitemap features three main sections: Library, Glossary, and Classroom. Each section has its own color, which we also incorporated into their new logo.
Design strategy
We developed a detailed design system featuring accessible components to provide a uniform, user-friendly, and consistent experience throughout the platform.
Mobile-friendly, designed for English and Spanish
Visionlearning serves many Spanish-speaking users. We carefully designed the platform’s layout, typography, and interactive elements to ensure that Spanish content appears seamlessly, particularly on mobile devices.
Scientific illustrations
We created a series of scientific illustrations to visually clarify complex concepts, ensuring they matched the reading materials to improve understanding.
Interactive features
Custom interactive elements improve learning and accessibility. Some examples include accessible audio players, interactive reading toggles that highlight glossary terms and NGSS standards, math figures, and dynamic tables.
Anthony Carpi, PhD
Creativity and flexibility are two key qualities for a designer, but Avidano Digital (particularly Carl) has given new meaning to both terms. Since our project has mainly an online presence with a lot of textual content, giving our users a pleasant and efficient learning experience was critical in the redesign of our website. Further, we needed a recognizable brand that was current and relevant to our project.
In the ten-plus years we have worked with Carl, he has acted as a guiding light for the project. Rather than prescribe a formula to apply to our material, he has collaborated with us in identifying the most important aspects of our project and redesigning the site based on those discussions. The end result has been a far more effective and pleasant user experience of our website, and a relevant and intuitive presentation of the content.