MDS: Educational platform for lawyers

MDS: Educational platform for lawyers

MDS: Educational platform for lawyers

MDS: Educational platform for lawyers

  • Course Builder and Study Groups

  • Progress and Achievements

  • Homework and Tests

  • Chats and Class Schedule

  • Electronic Certificates

  • Course Builder and Study Groups

  • Progress and Achievements

  • Homework and Tests

  • Chats and Class Schedule

  • Electronic Certificates

  • Course Builder and Study Groups

  • Progress and Achievements

  • Homework and Tests

  • Chats and Class Schedule

  • Electronic Certificates

  • Course Builder and Study Groups

  • Progress and Achievements

  • Homework and Tests

  • Chats and Class Schedule

  • Electronic Certificates

Clickable Prototypes

We designed the interface and information architecture, demonstrated the hierarchy of elements, their mutual arrangement, and semantic accents.


Example of Admin Dashboard Prototype

We configured interactivity and conducted UX tests on users to validate primary business hypotheses. As a result, we identified weak points in the design and improved the interface before development.


Palette and Contrast Points

We implemented a palette and color rules for the project, considering contrast. We also provided a palette for a dark theme.


Creating UI-kit + Element States

We created a UI Kit of core components with necessary states to ensure that frontend developers understand how the interface behaves and how it looks in various scenarios.


Component-Based Layouts

We assembled a dark theme using UI kit components and color palette. Thanks to the systematic organization of the project, designing a dark theme can take just a few days.


Every Page in 4 Sizes

We designed page layouts in 4 resolutions for different devices: desktops, laptops, tablets, and smartphones.


Page States

In the layouts, we anticipated the main page states depending on the context of use. Specifically, the page state when submitting homework, checking, and after the course curator accepts the results, etc.


Public Area Design

We implemented a course catalog on the website and emphasized color on target actions: going to the course page and making a purchase.


Support and Enhancements

We carried out numerous associated tasks: email templates, notification and hint texts, achievement list, promotional banners, etc.


MVP Development

We turned the school website into a SPA application, set up integration with the personal account, acquiring, and amoCRM.

Публичная часть MDS


Admin Panel

Administrators manage users, courses, study groups, and have access to system settings. The interface is adaptive, with the same functionality in the mobile version.

Админка MDS


Student Dashboard

Students have their own personal account. The profile includes a dashboard with statistics and progress. Students take courses, earn achievements, and there is a chat for communication with classmates and curators.

ЛК слушателя MDS


Curator Dashboard

Curators manage study groups, check homework, view their events in the calendar, and answer questions in the chat.

ЛК Куратора MDS


Integrations

We set up authorization through social networks, connected online payments through Sber API, installments through Tinkoff, and deals in amoCRM. We also configured the storage and transmission of video content through a CDN service.

Интеграции в MDS

Clickable Prototypes

We designed the interface and information architecture, demonstrated the hierarchy of elements, their mutual arrangement, and semantic accents.


Example of Admin Dashboard Prototype

We configured interactivity and conducted UX tests on users to validate primary business hypotheses. As a result, we identified weak points in the design and improved the interface before development.


Palette and Contrast Points

We implemented a palette and color rules for the project, considering contrast. We also provided a palette for a dark theme.


Creating UI-kit + Element States

We created a UI Kit of core components with necessary states to ensure that frontend developers understand how the interface behaves and how it looks in various scenarios.


Component-Based Layouts

We assembled a dark theme using UI kit components and color palette. Thanks to the systematic organization of the project, designing a dark theme can take just a few days.


Every Page in 4 Sizes

We designed page layouts in 4 resolutions for different devices: desktops, laptops, tablets, and smartphones.


Page States

In the layouts, we anticipated the main page states depending on the context of use. Specifically, the page state when submitting homework, checking, and after the course curator accepts the results, etc.


Public Area Design

We implemented a course catalog on the website and emphasized color on target actions: going to the course page and making a purchase.


Support and Enhancements

We carried out numerous associated tasks: email templates, notification and hint texts, achievement list, promotional banners, etc.


MVP Development

We turned the school website into a SPA application, set up integration with the personal account, acquiring, and amoCRM.

Публичная часть MDS


Admin Panel

Administrators manage users, courses, study groups, and have access to system settings. The interface is adaptive, with the same functionality in the mobile version.

Админка MDS


Student Dashboard

Students have their own personal account. The profile includes a dashboard with statistics and progress. Students take courses, earn achievements, and there is a chat for communication with classmates and curators.

ЛК слушателя MDS


Curator Dashboard

Curators manage study groups, check homework, view their events in the calendar, and answer questions in the chat.

ЛК Куратора MDS


Integrations

We set up authorization through social networks, connected online payments through Sber API, installments through Tinkoff, and deals in amoCRM. We also configured the storage and transmission of video content through a CDN service.

Интеграции в MDS

Clickable Prototypes

We designed the interface and information architecture, demonstrated the hierarchy of elements, their mutual arrangement, and semantic accents.


Example of Admin Dashboard Prototype

We configured interactivity and conducted UX tests on users to validate primary business hypotheses. As a result, we identified weak points in the design and improved the interface before development.


Palette and Contrast Points

We implemented a palette and color rules for the project, considering contrast. We also provided a palette for a dark theme.


Creating UI-kit + Element States

We created a UI Kit of core components with necessary states to ensure that frontend developers understand how the interface behaves and how it looks in various scenarios.


Component-Based Layouts

We assembled a dark theme using UI kit components and color palette. Thanks to the systematic organization of the project, designing a dark theme can take just a few days.


Every Page in 4 Sizes

We designed page layouts in 4 resolutions for different devices: desktops, laptops, tablets, and smartphones.


Page States

In the layouts, we anticipated the main page states depending on the context of use. Specifically, the page state when submitting homework, checking, and after the course curator accepts the results, etc.


Public Area Design

We implemented a course catalog on the website and emphasized color on target actions: going to the course page and making a purchase.


Support and Enhancements

We carried out numerous associated tasks: email templates, notification and hint texts, achievement list, promotional banners, etc.


MVP Development

We turned the school website into a SPA application, set up integration with the personal account, acquiring, and amoCRM.

Публичная часть MDS


Admin Panel

Administrators manage users, courses, study groups, and have access to system settings. The interface is adaptive, with the same functionality in the mobile version.

Админка MDS


Student Dashboard

Students have their own personal account. The profile includes a dashboard with statistics and progress. Students take courses, earn achievements, and there is a chat for communication with classmates and curators.

ЛК слушателя MDS


Curator Dashboard

Curators manage study groups, check homework, view their events in the calendar, and answer questions in the chat.

ЛК Куратора MDS


Integrations

We set up authorization through social networks, connected online payments through Sber API, installments through Tinkoff, and deals in amoCRM. We also configured the storage and transmission of video content through a CDN service.

Интеграции в MDS

Clickable Prototypes

We designed the interface and information architecture, demonstrated the hierarchy of elements, their mutual arrangement, and semantic accents.


Example of Admin Dashboard Prototype

We configured interactivity and conducted UX tests on users to validate primary business hypotheses. As a result, we identified weak points in the design and improved the interface before development.


Palette and Contrast Points

We implemented a palette and color rules for the project, considering contrast. We also provided a palette for a dark theme.


Creating UI-kit + Element States

We created a UI Kit of core components with necessary states to ensure that frontend developers understand how the interface behaves and how it looks in various scenarios.


Component-Based Layouts

We assembled a dark theme using UI kit components and color palette. Thanks to the systematic organization of the project, designing a dark theme can take just a few days.


Every Page in 4 Sizes

We designed page layouts in 4 resolutions for different devices: desktops, laptops, tablets, and smartphones.


Page States

In the layouts, we anticipated the main page states depending on the context of use. Specifically, the page state when submitting homework, checking, and after the course curator accepts the results, etc.


Public Area Design

We implemented a course catalog on the website and emphasized color on target actions: going to the course page and making a purchase.


Support and Enhancements

We carried out numerous associated tasks: email templates, notification and hint texts, achievement list, promotional banners, etc.


MVP Development

We turned the school website into a SPA application, set up integration with the personal account, acquiring, and amoCRM.

Публичная часть MDS


Admin Panel

Administrators manage users, courses, study groups, and have access to system settings. The interface is adaptive, with the same functionality in the mobile version.

Админка MDS


Student Dashboard

Students have their own personal account. The profile includes a dashboard with statistics and progress. Students take courses, earn achievements, and there is a chat for communication with classmates and curators.

ЛК слушателя MDS


Curator Dashboard

Curators manage study groups, check homework, view their events in the calendar, and answer questions in the chat.

ЛК Куратора MDS


Integrations

We set up authorization through social networks, connected online payments through Sber API, installments through Tinkoff, and deals in amoCRM. We also configured the storage and transmission of video content through a CDN service.

Интеграции в MDS

As a result:

In 2021, the project obtained resident status in the IT cluster Skolkovo and entered the register of domestic software.

In November 2022, the company came under the management of the Ultimate Education educational holding. You can read about the deal in the Kommersant and CNews articles. The deal was included in the selection of the most notable investment rounds by Forbes.

As of the beginning of 2023, the project has nearly 8000 students and 25 educational programs.

More cases:

SPAR
Biocad
Senior Group
Moscow Digital School
TRNR

and more than 25 companies have ordered interface design from us

and more than 25 companies have ordered interface design from us

Need help with the project?

We will assess based on the initial requirements and help avoid common mistakes.

Need help with the project?

We will assess based on the initial requirements and help avoid common mistakes.

Need help with the project?

We will assess based on the initial requirements and help avoid common mistakes.