Development, Web Design

Primavera Online School Website

12/06/2022

My team revamped Primavera Online School’s website, Arizona’s top K-12 charter school, with a bold redesign. I led the design and front-end development, updating the site from its outdated style to a vibrant, modern platform that’s engaging for students and parents.

About the Project

Primavera required a comprehensive redesign, and our small team successfully executed the project. I led the redesign process and was primarily responsible for the design and front-end development. We upgraded the site from its outdated design by incorporating dynamic color schemes, optimized spacing, and a modern, responsive layout. The new design enhanced user experience by providing an intuitive, engaging interface for both students and parents, reflecting contemporary web standards and improving overall functionality.

Deliverables

Wireframes (Desktop, Mobile)
XD Prototype (Desktop, Mobile)
WordPress Website

Case Study

Primavera Online School, a leading virtual educational institution in Arizona, faced challenges with an outdated website that no longer met the needs of its growing user base, which included students, parents, and educators. The objective was to redesign the platform to enhance user experience, boost engagement, and reflect the school’s commitment to modern, accessible education.

Stakeholder feedback:

The old site was slow, not mobile-friendly, and lacked visual appeal.
Needed a new site that could handle increased traffic and functionality.

Research:

What features students and parents valued most.
Common issues encountered while navigating the current website.
Best practices in user interface design for educational contexts.

Design:

Adopted a clean, grid-based layout for consistency and to focus user attention on content.
Used ample white space to reduce visual clutter.
Responsiveness across various devices, crucial for an online school setting.

Development:

Used modern web technologies for fast, dynamic updates like grids and flexbox.
Emphasized performance with lazy loading for images and optimized asset delivery, as well as using the modern webP format.
Ensured text readability, contrast, and navigation were optimized for users with disabilities.

Testing:

Teachers, parents and staff tested the website for navigation ease and functionality.
Received positive remarks on the aesthetic and functionality, with suggestions for minor usability tweaks implemented in subsequent updates.

Conclusion:

The redesign of Primavera Online School’s website proved to be transformative. It not only aligned with modern educational standards but also significantly enhanced the user experience for parents and faculty. The project demonstrated how thoughtful design and development can lead to increased engagement and satisfaction for parents in the context of an educational website. (Oh, and the CEO was very happy!)

Related Projects

UI/UX DESIGN

MORE Home Valuation App

I designed Mutual of Omaha Mortgage’s MORE web-based app to help homeowners easily view property values, compare refinance rates, and explore purchase options.

WEB DESIGN

Keller Home Loans Website

I contributed to redesigning Keller Home Loans’ website following its rebranding, shifting from green and grey to bold black and red. The new design features modern elements like spacious layouts and rounded corners, enhancing the site’s look and functionality.