Enhancing UX and UI for an eLearning Platform

Solution in focus: Succinct profile

Digital learning solution

An interactive online platform for learning from anywhere. Whether a student wants to upgrade their foreign language or tech skills, the platform connects learners with expert instructors through virtual classrooms.

Contributors and their duties

The platform brings together three key roles. Teachers deliver customized learning plans tailored to each student’s abilities and objectives. Students access the materials to expand their knowledge. Supervisors craft the curricula, generate training materials, and assess students’ competencies to recommend optimal learning paths.

Oxagile’s responsibilities

After analyzing core metrics around learner behavior, the eLearning solution’s performance, and conversion funnels, Oxagile’s team proposed and implemented targeted platform enhancements designed to boost the user experience, learning outcomes, and conversion rates.

An inside look at the whole platform ecosystem

What key elements comprise the holistic solution designed to facilitate online education?

Platform
At the center is the eLearning platform, purpose-built for interactive remote instruction.
CMS
Supervisors tap their knowledge to craft customized lessons, projects, and other interactive training elements.

CRM
It arranges the journey from prospective student to active learner, facilitating payments and technical setup.
Dashboards
Dashboard interfaces give all parties a real-time view of the learning process.

What were the challenges Oxagile got over?

Our top priority throughout the project was to ensure every learner had the best possible experience in their educational journey. By closely tracking UX and performance metrics, we gained invaluable insights into how we could continuously improve the platform.
Whether it’s making navigation more intuitive, streamlining the enrollment processes, or optimizing user interfaces — we relentlessly focused on eliminating pain points and exceeding end users’ expectations, considering students, teachers, or supervisors all together. Let me share a few issues we encountered in our project journey, and how we took proactive steps to turn obstacles into opportunities.

— Vlad, JS Developer

Enhancing UI to inspire lifelong learning

UI discrepancies

There were differences between the prototype and production interfaces, which shaped the perception of untidy UIs, hence negatively affecting the user experience.

Too long prototyping

Instead of the fast-paced moves in UX tunes and regular updates for end users, UX engineers were waiting ages for the functioning prototypes to test.

UI maze as per teachers’ perception

Teachers could get lost in the labyrinth of interface components from the very start. This created friction in their onboarding processes.

What was done to beat them all?

Chromatic implementation — to streamline UI testing by comparing components on a feature branch against a target branch. This allows automatically generating a visual diff of any changes to quickly validate the look and feel of updates, thus maintaining a seamless user experience as the product evolves.
Onboarding interfaces and the announcement system — to smoothly orient teachers to how the system works, while also keeping them informed of any new features and enhancements in no time.

Beyond the UI and UX borders: Making CMS easier

Issue for supervisors

Overly intricate components hindered supervisors’ workflows by causing difficulties in arranging layouts.

Our solution

Creating tools to facilitate the generation of training materials.

Advancing development workflow efficiencies

Limited visibility into shared code

As it can be distributed across multiple microfrontends, posing challenges in troubleshooting issues

Monorepository and the Nx tool are the answer

This tandem facilitates organizing all related code, assets, and configurations within a unified environment

The usage of several APIs slows the overall system process

Independent upgrades of various API implementations did not necessarily translate to synchronized frontend modernization.

OpenAPI Generator — to significantly improve developer productivity

Now any API changes are instantly reflected across all applications within one repository

Meeting of minds: Our vision and the project's product mindset in total alignment

The client's unwavering product mindset immediately captivated me, placing the utmost importance on the product itself and its continuous improvement to resonate with end users, rather than fixating on intricate code details.

— Vlad, JS Developer

Case in point: Exemplifying the power of a product mindset for eCommerce

That’s not the first time we’ve willingly adopted the product mindset philosophy — our focus on delivering value to the end customers of an eCommerce solution for food delivery served as the cornerstone of our approach, enabling us to convert a multitude of prospects into loyal service subscribers.

Go to the story