Serhii Klymenko | Product Designer

A learning web platform helping Gamanet partners

master security tech skills

EdTech LMS web

Back-office tool

Jan 2023 - Apr 2023

Role: Product UX/UI Designer

Dev team

Project Manager

Sales team

Graphic/Marketing Designer

My Role &

Responsibilities

Stakeholder interview, research and analysis

Information architecture, user flows

Design system expand and maintain

UI design, prototyping

Documentation hand-off

Assisted developers regarding logic behind user and interface processes

{/1}

ABOUT THE PROJECT

The Client

Gamanet is the product owner of the security software system called ‘C4’. This system enables a versatile management of various third-party security devices via a centralized software unit. The company has a vast network of partners around the globe, who distribute the product, develop plugins for it to fulfil different functionalities and provide product maintenance and support.

Business objective

Gamanet needs more partners, who are competent to maintain and interact with the ‘C4’ system. Thus, Gamanet needs an effective means to provide partners with expertise to handle that system. This would increase the quality of the service and the number of customers.

Problem

Up to date, there was no centralized system for sharing that needed expertise to the partners. Support employees had to manually arrange sessions to provide course content and assess examinations. This approach was time consuming and didn’t enable providing a standardized education program to various partner groups.

Solution

Our in-house team at Gamanet developed a learning web platform to automatize and make more efficient the highlighted processes. The main features of the platform are course content creation, personalized trainings and homework assessment.

Months of work

User persona IA

Main screens

158

Documentation pages

{/2}

UI DESIGN — STUDENT FLOW

Student’s home page

Whenever a student goes to the home page of the web, they should be provided with the most relevant information — courses in progress as top priority, as well their other courses that they can start or had already finished.

Also user should be informed of upcoming trainings and homework to do at first glance.

Course overview

A clear and concise list of lessons in the course. Student can see what lessons remain to pass.

Lesson quiz

After studying lesson materials, student can start passing the quiz to complete the lesson.

To pass the quiz, student needs to answer all answers 100% correctly. After that student can jump to the next lesson.

Individual training

For an individual training student needs to select a presumable training date from available dates, sending a request.

Certificate

After all the lessons within a course are completed, student will receive a desired certificate, which will prove his competency in the taken area.

Certificate has a defined validity period, and in case it expires, the student would need to take the course once again.

{/3}

UI DESIGN — TRAINER FLOW

Trainer’s home page

Trainer has an instant overview of actual agenda - upcoming trainings and training requests.

Also, on the right section of the screen trainer can see student homework that awaits to be reviewed, as well as a list of students, whom homework was assigned, and they need to submit it until the specified deadline.

Individual training

For students who requested an individual training within a lesson, trainer needs to arrange a meeting, finding a time slot that would be suitable for both parties.

Course content management

Trainer has many possibilities to fill up and manage the content of courses and their lessons correspondingly.

{/4}

DESIGN SYSTEM

Styles & component guide

GamaEDU utilizes the same design system inherent to other Gamanet’s Web Portal Services.

(GamaEDU is just one of the web projects among other portal services. All of them incorporate a design system that I built from scratch as one of my first assignments)

In this project the UI kit was extended with some components that appear in this web, such as course, training and homework cards, lesson list, quiz questions blocks and others.

{/5}

CONCLUSIONS

Key Takeaways

GamaEDU platform was designed and developed as a comprehensive LMS solution for optimizing learning and training processes. Its key features include a centralized tool to create and manage courses, track students’ progress, schedule and conduct individual trainings and assess homework.

During the ongoing as of April 2023 pre-release stage, our trainers and some beta partners mention that the platform’s functionalities and ergonomic interface make the prior manual processes much more streamlined and efficient. Therefore, it is estimated that the introduction of this web service will increase the quality of the training service and introduce more specialized partners to the market.

What's Next

Expand the trainer community

Introduce more trainer options and permissions

More customization possibilities for students

Course and trainer rating system

Implement full scale calendar system

Next Case Studies

More-Gratitude — a B2B2C SaaS platform helping e-commerce brands build customer trust with verified sustainability data.

More-Gratitude — a B2B2C SaaS platform helping e-commerce brands build customer trust with verified sustainability data.

Eidos — a personal knowledge app that resurfaces what you save — designed and shipped solo with an AI-native workflow.

Eidos — a personal knowledge app that resurfaces what you save — designed and shipped solo with an AI-native workflow.