Skip to main content

Designing the future of education

I worked as the Software Development lead Intern on a major iteration of Uncover-Gem product. We took the platform in a bold new direction, focusing on becoming the best tool for learning and teaching with best quiz experience.

Visit website
  • UX and UI Design
  • Front End Development
  • Backend Development
  • PERN Stack
  • express.js & node.js
The aero lesson builder app dragging an audio component into a screen about plant cells.

The problem

In 2022, Uncover Gem embarked on an innovative project to create a brand-new platform that would revolutionize online learning experiences for educators. The initiative was born out of a recognition that the existing platform needed a significant overhaul, particularly in terms of user experience. To address this, the decision was made to build the new platform using React, marking a departure from the previous technology. The primary goals of this transformative project were to eliminate collaboration barriers and enhance the platforms usability. Uncover Gem aimed to make the platform not only more accessible for new users but also highly scalable to meet the needs of advanced users. This undertaking represented a fresh approach to online education, emphasizing a user-centric design and a commitment to providing a powerful, flexible tool for educators. In a strategic move, Uncover Gem integrated the capability to host queries and gather all performance metrics within the same platform. This addition aimed to streamline and centralize data management, offering educators a comprehensive solution for creating, managing, and evaluating online learning experiences. This holistic approach further distinguished the platform as a cutting-edge tool, catering to the diverse needs of educators in a seamless and efficient manner.

A set of dark themed components for the aero design system

The aero design system

To streamline the design process across designers and engineers for such a project, it was important to lay the foundations with a strong, flexible design system that could evolve during the product’s development cycle. This would inform both the aesthetics and user experience across the product itself as well as the website and marketing material.

The homepage of the aero design system docs website linking to principles and components.

Design system docs

A design system is useless if no one knows how to use it, so we put together a comprehensive documentation website to cover principles, ux, accessibility, and component guidelines for designers and engineers working with the system.

An extensible plugin ecosystem usable by everyone

The most powerful aspect of the platform is the ability to create custom plugins for quizes. Out of the box these can be made configurable with minimal effort from developers. Learning designers can then edit everything using a common configuration interface.

Configuration options for a component.
Configuration options for text.

Bringing 3D into learning

Interactivity

Team can then be directed to specific parts of the model and shown labels. They’re also able to click and drag to orbit around and freely explore at any time.This example shows a 3D model of the earth which with same feature will be included in the performance metrics within the same platform. This addition aimed to streamline and centralize data management, offering educators a comprehensive solution for creating, managing, and evaluating online grading and fair evaluation.

Animation