How Eleken helped the corporate learning management platform solve the problem of negative feedback

To understand where the friction is hidden and how we can help the client’s business to overcome the challenge, we had to understand how the product works.

NWORX customers are businesses that have a certain number of employees. The company submits an application expressing a desire to use NWORX  and then it is approved by creating accounts for the employees of the client company. Now, the company's managers can create training programs (of any size) that employees will study.

There’s a system for tracking the individual progress and evaluation of their knowledge at the end of the course. This is the most simple and widespread scenario of using the platform.

The NWORX platform when we started working with it looked like this:

We discovered the following design problems:

The app critically lacked design hierarchy. It was not clear what actions were of the first priority.

Navigation within the product was poor. It was unclear where the feature user sees on the screen is located within the product. The connection between design elements was not obvious.

The interface looked quite messy and outdated. Too much visual noise, and no consistency in UI elements. Design that was good some time ago required modernization to meet the current standards.

A web platform design was just a scaled mobile application design, which is not the correct way to create web user interfaces. Such a simplified solution caused friction and looked poor on the screen. 

During the trial period, Eleken designers addressed these challenges right away. We worked through the conducted analysis, attended brainstorming sessions with the NWORX team, and offered several variants on how we can improve the UX.

Each suggestion was backed up by solid argumentation from our design team. NWORX team was satisfied with the number of options and how quickly they were prepared. After receiving the green light, we started redesigning the platform. 

To create a great learning platform for corporate clients, we also conducted competitor research and analyzed well-known platforms like Coursera and Udemy which were the closest logical references. We also analyzed user feedback from prior releases. Based on our findings we redesigned user flow wireframes. 

After user flows were ready, we moved on to high-fidelity design. Through multiple iterations performed in collaboration with the NWORX product team, we revamped the whole NWORX platform.

The new platform design consists of a side menu that users navigate through from wherever they are on the platform. The menu bar also organizes the main product features:

Let’s come back to the Add a new lead page. Restructuring helped our team to formulate the following hypotheses:

Search field

Goals

Managers of organizations can use NWORX not only to set up the goals for their teams, but also to create courses, tasks, and tests for their employees. For this we created the page, on which the central element is a text field where managers can write assignments.

Within the NWORX platform users can track their individual and team progress. Some of NWORX's customers lacked the option to create personal training for themselves and track their progress or a personal diary for self-improvement. So we helped our client and designed this feature as well.

There was one page that was supposed to show student progress, which looked pretty official. Some users didn’t like the official design and wanted to have something more "interactive".

Our designers decided to visualize the progress of the learner and add illustrations that users can associate themselves with.

Apart from the web platform, the NWORX team needed additional screens for the product’s existing mobile application. For their app, we created a responsive design that works for different types of mobile devices. 

When working on the UI design, we wanted the product to look professional and growth-oriented. This determined our choice of style, fonts, and colors. 

For the typography we picked Inter. It's the typeface you can't go wrong with. It’s readable, has a rich set of characters, and works well across all languages and operational systems. Inter is also great for headlines. A perfect choice for a solid-looking SaaS platform.

As you probably noticed, the primary color palette mostly consists of shades of blue. The blue color does not distract users’ attention, letting them remain focused on their studies. The color also has one big benefit: it works great for people with vision disorders and is considered a good choice in terms of accessible UX. So for a product with a large international audience like NWORX, it works best as the main color. 

Shades of green add a little spice to the overall design. But as It is close to blue on the color wheel, their combination remains very easy to perceive.

We left all UI elements well-organized and accessible in the Figma files we passed to the client. The UI Kit composed by the Eleken team will help designers that will work with NWORX user interfaces in the future.

When the designs were finalized NWORX conducted the usability tests, and the new UX performed more than well. Users intuitively interacted with the app and left great feedback about UX. And positive feedback from users about UI increased by 200%. This is what we call the power of design. 

If your product is not performing great, the problem might be hidden in the UX. Contact us and let’s discuss how Eleken can help your business.