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:

Frequently Asked Questions

Need design. What is required from me?

Send the existing requirements by email or Telegram. We will study the information and let you know if we can help.

Need design. What is required from me?

Send the existing requirements by email or Telegram. We will study the information and let you know if we can help.

Need design. What is required from me?

Send the existing requirements by email or Telegram. We will study the information and let you know if we can help.

How much does it cost?

Studio rate 2500 rubles per hour. Team cost 600 thousand rubles per month. The duration depends on the project scope. The cost includes prototype, UI-kit, color palettes, typography, layouts in Figma for 3-5 resolutions.

How much does it cost?

Studio rate 2500 rubles per hour. Team cost 600 thousand rubles per month. The duration depends on the project scope. The cost includes prototype, UI-kit, color palettes, typography, layouts in Figma for 3-5 resolutions.

How much does it cost?

Studio rate 2500 rubles per hour. Team cost 600 thousand rubles per month. The duration depends on the project scope. The cost includes prototype, UI-kit, color palettes, typography, layouts in Figma for 3-5 resolutions.

How much time is needed for design?

For large projects it usually takes 2 months. For small tasks - estimation is usually a few days.

How much time is needed for design?

For large projects it usually takes 2 months. For small tasks - estimation is usually a few days.

How much time is needed for design?

For large projects it usually takes 2 months. For small tasks - estimation is usually a few days.

Where to start?

Compose a list of user roles, a list of required functionality, and a list of website and personal account sections. This is sufficient for evaluation.

Where to start?

Compose a list of user roles, a list of required functionality, and a list of website and personal account sections. This is sufficient for evaluation.

Where to start?

Compose a list of user roles, a list of required functionality, and a list of website and personal account sections. This is sufficient for evaluation.

Open to interesting projects

Describe the task informally to estimate the amount of work. Write, we will be glad to be useful.

Open to interesting projects

Describe the task informally to estimate the amount of work. Write, we will be glad to be useful.

Open to interesting projects

Describe the task informally to estimate the amount of work. Write, we will be glad to be useful.

SPAR
SPAR
Biocad
Biocad
Senior Group
Senior Group
Moscow Digital School
Moscow Digital School
TRNR
TRNR

and more than 25 companies have ordered interface design from us

and more than 25 companies have ordered interface design from us