< Go Back
UI & UX Design
2017-2018

GoodPractice

From 2000, GoodPractice (since acquired by Emerald Works) has been creating educational and development resources for medium-to-large businesses worldwide. 

Through its e-learning platform combined with performance toolkits and psychometric assessments, GoodPractice has been able to consistently deliver engaging content for organisations and their employees to work through.

I connected with the e-learning courses GoodPractice had to offer and jumped into our UX optimisation project with great vigour.

The Challenge:

Enhancing the Admin Experience

I found that GoodPractice provides thousands of captivating pieces of content to its customers, but it didn’t have a natural, organised home for admin users to follow.

During the growth phase, I found out pretty quickly that GoodPractice needed an overarching system that allowed them to manage content, clients and services simultaneously.

The Mission:

Designing An Intelligent Internal Platform

For GoodPractice, I aimed to create an online platform containing micro-applications to manage the above requirements:

- I designed one micro-app to manage all GoodPractice content.
- I designed one micro-app to manage all GoodPractice clients.
- I designed one micro-app to generate reports for each client.

These micro-apps, alongside several others, were merged into one central platform to make easier the management of GoodPractice assets.

We called this new platform ‘manage-*’.

Brand & Design Style:

Before jumping into the design of the new e-learning platform, I requested any brand materials from GoodPractice so I could get a feel of their preferred styles. Aside from a limited guideline for the user-end website, there was not much else to take on. 

I had a pretty free rein to design the new platform as I saw fit.

My initial thought was to create a platform with an extension of GoodPractice’s existing colour scheme and typography, but with each micro-app having its own colour scheme for ease of differentiation. 

I made use of Google’s Material Design guidelines to expedite the process in light of a limited timeframe.

User Experience:

Given the different technical requirements for each manage-* micro-app, I researched existing e-learning platforms for inspirations when it comes to layout and components to include. 

I settled on 8 different micro-apps, all of which took on a different key component of GoodPractice. The UX came together just as we imagined, and the platform was suddenly a whole lot easier to navigate.

During the testing phase, I created some high-fidelity wireframes to help us cut unnecessary parts from the UX. 

Naturally, there were some attractive features which ultimately were cut for the sake of the platform’s fluidity.

Design:

Below is the final version of the manage-* e-learning platform, featuring selected subpages and design previews.