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.
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 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-*`
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.
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.
Let’s take a look at the final version of the platform, selected subpages and previews of a few small design details.