< Go Back
UI & UX Design
2017-2018

GoodPractice

Since 2000, GoodPractice has been creating inspiring learning and performance resources for blue-chip organisations across the globe. Through their e-learning, performance support toolkits and psychometric assessments, GoodPractice consistently delivers engaging solutions that are proven to work, time and time again.

The Challenge:

Enhance the Experience

GoodPractice provides thousands of interesting content to its customers, but during the growth phase, we found out that there wasn’t really a system in place to manage all the content, clients, and all the services provided.

So we needed to find a solution to allow admin users to easily manage all the services internally.

The Mission:

Design a connected internal platform

The idea here was to create an online platform that consists of several micro-applications, each one serving a certain purpose.

We would have one micro-app to manage all the content on-site, another one to manage all the clients of GoodPractice, another app to manage the reports generated for each client, etc... All accessible from the same platform we call `manage-*`

Brand & Design Style:

I asked the GoodPractice team whether they had any brand materials I could look over and consider using as a starting base in terms of the new platform’s style.There was a guideline used for the user-end website but it wouldn’t serve a big purpose for the new platform as it was very limited.

My plan was to extend the existing idea of the brand (i.e. color scheme and typography) and build a more sophisticated style for the new platform which could be easily scalable in the future. Each micro-app would have its own main-color for instance.

I decided to create my designs following the Material Design guidelines by Google to expedite the development process due to a limited timeline.

User Experience:

I looked over the provided technical requirements for each manage-* app then browsed through various inspirations and examples we’d collected to help me think about layout, components and any small details we could include.

We decided we would have 8 different micro-apps, each serving a very specific purpose. The general idea regarding the overall UX came together perfectly.

Low and high-fidelity wireframes helped us decide what to include in the final experience.
Some nice to haves were cut out for the sake of the platform's unity.

Design:

Let’s take a look at the final version of the platform, selected subpages and previews of a few small design details.