The current user experience affects the results of their learning and engagement. It consumes more time and attention than is needed and takes from the learning. So the project has started with a clear redesigned Information Architecture.
When the IA was created the wireframes were planned out as the next step.
A low-fidelity prototype was created from improving the wireframes into a functioning prototype. This prototype had no user interface but basic shapes with a grayscale showcasing the positioning of information within the application. With the sole purpose of testing the navigation and IA.
Later the design library and components were applied to create a cohesive UI.