Skip to main content

Online training redefined. Mogul

Mogul architects, delivers, and maintains effective online training with a commitment to educate and support their clients’ employees, partners, and affiliates within the travel industry.

Mogul Admin Dashboard
Challenges

Introduction of a design process

As the sole designer at Mogul, I was tasked with introducing a design cycle into the company which includes a multi-phase workflow consisting of discovery, ux research, varying levels of fidelity designs, user testing and usability sessions, and implementation.

Parallel approach

The platform was split into two major pieces. One being the user-facing app which required maintaining designs for existing and new features added to the app. The second was to completely redesign the admin dashboard to make it easier to use, more organized, modern in its design aesthetic, and a simplified user experience that focuses the attention where it needs to be.

Approach
Design Strategy
User Research
User Experience Design
Visual Design
User Testing

There are countless e-learning and training platforms out there. This gave us plenty of space to start identifying what the gaps are in user experience, retention, and engagement. We create collaboration and inclusivity by including users in the conversations as early as possible.

Mogul, being a child company of Black Diamond, already has a lot of travel and tourism clients which game me a great place to start discovery and begin understanding their training needs.

In the discovery phase we identified that one of the core contributors to the success of a training platform is how we engage our users and the overall retention contributing to how they feel when completing the necessary training for their employers.

The approach from this point is identified as being primarily an approach to the user experience with the secondary priority being modernizing the visual design to be better aligned with the Mogul brand and modern design standards.

One size does not fit all when it comes to the solutions presented for the various user experiences throughout the Mogul training platform.

Using Presentation templates as an example – I designed templates with strong visuals, feature rich customization, and a distinct look and feel from one another which gives the admin a ton of options for presenting information using the Presentations feature.

Mogul Admin Dashboard
Simplified and organized sidebar tailored for ease of navigation
Smart tabs based on the user’s recent and common activities
Important and customizable metrics at the center stage
Activity feed for logging and management
Personalized task list and to-dos based on current and scheduled activities

The final design is a strong representation of the months of research into what the education industry needs as well as tackling the problems our users face and make the platform smarter, efficient, and enjoyable to use.

To use the dashboard as an example here – it showcases a collection of the data that we have identified as the most important for our users and is organized in a way that is easy to navigate which maximizes efficiency as a jumping-off point for admins to create content and users to engage in that content.

Bold visuals and components

View More

The Results

“Design, technology, a strong and bold aesthetic, and a team that knows their craft. What a joy!”

Today, the Mogul platform stands stronger and better than ever.

The challenges were straight forward at first, but evolved over time and we learned that a lot of what we knew needed to be rethought in order to move the platform forward. Both the front-end and the admin dashboard were pushed forward simultaneously in the most consistent and efficient way by understanding these challenges and establishing a game plan to overcoming them.

Every single pixel was choreographed into the best place it could possibly be through months of user research, discovery, planning, testing, and execution. The outcome was nothing short of the best of all of us at Mogul and our users. The willingness to adapt throughout the process created a product that stands ready to innovate and redefine online training.

#4392F1

#56A078

#C4A66A

#1EA3B1

#7777C6

#E05A6E

Take a closer look at Mogul