We designed a simplified, user-friendly interface…
ANet’s educator-facing platform is feature-rich, but users were overwhelmed, and often unaware of all of the capabilities of the platform. Our new, clean designs bring attention to the pertinent information, while providing visual differentiation with color, scale, and typography. By consolidating and streamlining the interface, we made it simple for teachers and administrators to find the most important functions to them and derive insights from the data displayed.
Then created a design system bridging the old and the new…
As we considered how to redesign these “Performance” data reports, a key section for teachers and school leaders, we envisioned a new look and feel for the application to guide future development and designs. Using PrimeNG, an Angular UI component library, we expanded ANet’s design standards fivefold with building blocks the development team could put together for updated versions of the platform. While a full design system wasn’t part of the original mission of the project—creating one within five weeks seemed ambitious—we were able to expand our original UI kit to create a rich library of digital assets.
Leading to a road map for future improvements.
Our user experience design had to work within ANet’s existing app, but it also laid out a vision for what the app could be. We presented the ANet development team with a full backlog of features and improvements to implement, driven by our designs. ANet intends to redesign the platform more fully in the future. With the building blocks we created, there is plenty of room to expand within the existing framework and tech stack.