Advanced
online learning Platform

The goal was to present the app as a tool built for an individual, meaning they have to feel some form of originality and relationship using the app and its features, though there would be millions of other students buying, rating courses, creating and selling AI-powered learning, teaching formulas, selling books, building communities, attending live classes, etc on the app. Every user must feel like the app was created for them and belongs to them alone, This creates a sense of relationship, Trust, personalization, safe zone, and Dependence on the app due to its functional user-engineered learning and documenting widgets that would all rely on the user itself e.g Learning buddy widget AI (Jack)/ notes widgets, objectives widgets, performance test widgets, assignment scanner widget, course & teaching formula comparison widget and lots of brilliant assistive tools.  Besides the app’s overall functions.

Presenting all of these features in the most understandable and comfortable way to users was a lot of work. Using the right components wouldn’t be enough. components also need components and HUDs just to get the users to understand the purpose of a particular component, how it works and it’s use case. Animations, interactions, colors and illustrations were also presented in these manner including colors which meant everything had to work together as one.

We had to build certain design systems that consisted of certain micro/ major design aesthetics that affects colors, sizes, fonts, spacing and conditional visibility rules given to every component. This helps us and developers as well understand how, why and when certain front end adjustments would be applied in order to maintain a fully editable library of visual flow and aesthetics in the app.

Wireframes had to be created for user flow journey optimization, each user flow was named and also displayed certain components and elements that linked to other user flows/ experiences depending on the purpose and action/ condition created by the purpose and the action and also components/ widgets presented in every user flow allowing the user experience to feel more meaningful and on the long run well understood.