Visionlearning offers free science resources in English and Spanish, opening doors for students and educators around the world. But their website told a different story. It was outdated, hard to navigate, and not mobile-friendly. The very people it was meant to serve were running into barriers, struggling to find what they needed.
Solution
We partnered with Visionlearning to rebrand and rebuild their platform from the inside out. Together, we created an award-winning STEM learning space designed for clarity, usability, and belonging. Over the years, we’ve continued to grow alongside them—modernizing the interface, adding interactive features, and weaving accessibility into every update. Each enhancement kept pace not only with technology, but with the evolving needs of students and educators who rely on it.
Results
The transformation speaks for itself: stronger engagement, more seamless learning, and a platform that feels alive and reliable for the people who need it most. By centering accessibility and aligning with Next Generation Science Standards, Visionlearning now stands as a cutting-edge resource—one that reflects its mission with clarity and keeps the door open for every learner.
The refreshed Visionlearning logo blends an eye, symbolizing discovery and awareness, with an open book, representing knowledge and growth. Together, they embody Visionlearning’s commitment to STEM education: clear, engaging, and rooted in the belief that learning should always be within reach.
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.
Designed for clarity and access
We created a design system that prioritized usability and accessibility so that scientific content felt less like a maze and more like an open path. From navigation to interactive features, every decision was made to support curiosity, foster confidence, and enhance the learning experience.
English and Spanish on any device
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.
Example of the highlighted glossary terms within the moduleExample of the highlighted NGSS standards within the module
Interactive Periodic Table for exploring elements and their properties
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.
