Producation
Дизайн образовательной платформы
Дизайн образовательной платформы
Дизайн образовательной платформы
Дизайн образовательной платформы
О проекте и результатах
Заказчик — Национальная академия дополнительного профессионального образования. Платформа позволяет создавать онлайн курсы с видео уроками, домашними заданиями и онлайн-тестированием. Обучающиеся проходят обучение, проверяют знания и получают подтверждающий документ по результату.
Мы спроектировали интерфейс, сделали и согласовали дизайн-концепцию. Реализовали и опубликовали первую версию образовательной платформы.
Вторым этапом планируется тикетная система техподдержки и функционал внешних преподавателей: каждый специалист, который не является сотрудником академии, после модерации сможет предлагать свои обучающие курсы в общем каталоге.
Публичная часть
Сделали макеты страниц по согласованным прототипам для публичной части. Использовали ранее проработанные прототипы интерфейса, цветовую палитру, типографику.
![Публичная часть](https://framerusercontent.com/images/yftCpfJ9Rv7ChwCIaosooeUN0zM.png)
Каталог курсов
В каталоге реализовали навигацию по категориям, поиск по названию, фильтрацию, сортировку. В карточки курсов добавили категорию, автора, рейтинг, стоимость и возможность добавить в избранное.
![Каталог курсов](https://framerusercontent.com/images/fbEyi2R2BlmklCtTwiWl8Gcs0Bk.png)
Страница курса
Структура страницы в формате лендинга отвечает на вопросы: что предлагаем, что вы получите в результате, на каких условиях и что нужно сделать, чтобы приобрести курс.
![Страница курса](https://framerusercontent.com/images/KRgoRRwkw2z8FQWVwr9ENNcYLmE.png)
Регистрация пользователей
При оплате курса пользователь "по пути" создаёт учётную запись. Все преподаватели обязательно прикрепляют подтверждающие документы и проходят ручную модерацию.
![Регистрация пользователей](https://framerusercontent.com/images/BxxJOg5QHQ7EGNiTbcnaG5kLOxY.png)
Личный кабинет
ЛК предназначен для регулярного использования, учтены привычные паттерны поведения пользователей и привычное расположение элементов для интуитивного восприятия.
![Личный кабинет](https://framerusercontent.com/images/jbMZ6cbBmuXDPoayeJ10cMZBtfQ.png)
Управление курсами
Таблицы — удобное представление для списка курсов, пользователей, уроков в библиотеке. Каждый элемент имеет контекстное меню операций над ним: изменить, удалить, архивировать. По таблицам предусмотрены поиск, фильтрация и навигация по страницам.
![Управление курсами](https://framerusercontent.com/images/wr0eTRq4NsQl2gtKF3CWr78VoU.png)
Конструктор уроков
В конструкторе можно добавить неограниченное количество уроков и модулей, менять их местами, переименовывать и удалять.
![Конструктор уроков](https://framerusercontent.com/images/P45vEM5oTfEL0RzhjjBmqj1qvk0.png)
Учебные группы
В архитектуре предусмотрели учебные группы, чтобы запускать обучение параллельно в нескольких группах по одному курсу. В группах может быть ограниченно количество участников и конкретная дата старта обучения — в зависимости от настроек.
![Учебные группы](https://framerusercontent.com/images/L0eIgOTrwjn6ZtG3LxtPaVSIY.png)
Состояния интерфейса
В дизайне предусмотрены основные состояния элементов, страниц, модальные окна, страницы успешного и неуспешного статуса — что у разработки не осталось вопросов, как должен вести себя интерфейс в том или ином случае.
![Состояния интерфейса](https://framerusercontent.com/images/zLQbjxTy6rXqtAEpeZwz4mlMT4.png)
Логика и блок-семы
Начали работу с того, что определили список ролей пользователей. По каждой роли определили список функционала. На блок-схемах согласовали пользовательские сценарии под каждую роль. Таким образом, определили общие границы проекта.
![Логика и блок-семы](https://framerusercontent.com/images/DJvlsTRtYNZL1Ev1b47mCP0.png)
Прототипы интерфейса
Когда было общее понимание логики работы платформы и функционал пользователя, сделали черновые прототипы интерфейса. Прототипы для каждой роли: гость, слушатель, преподаватель, админ, контент-менеджер. Также сделали прототипы мобильных версий.
![Прототипы интерфейса](https://framerusercontent.com/images/NogjE7ehldiqnlBp3RudXqMilE.png)
ACL-политики
Чтобы заложить правильную архитектуру приложения, в процессе согласования требований определили правила разграничения доступа к разделам для разных ролей пользователей — в наглядной таблице. ACL будут использованы командой разработки при проектировании.
![ACL-политики](https://framerusercontent.com/images/V4naJk05rLiM6gsR8xuzGvz9I.png)
Цветовая палитра
Создали цветовую палитру проекта с учётом контрастности, определили набор используемых оттенков для консистентности цветов в проекте.
![Цветовая палитра](https://framerusercontent.com/images/QVZ7yf0gTUdR0pGOWDg5E3kYwc.png)
Состояния UI компонентов
Предусмотрели необходимые состояния основных UI элементов, чтобы у фронтенд-разработчиков не было вопросов, как должен вести себя интерфейс пользователя в той или иной ситуации.
![Состояния UI компонентов](https://framerusercontent.com/images/pXTRO06UFeP9D07bxLAWOUU5T0.png)
UI-kit
Мы системно подходим к дизайну, поэтому во всех проектах делаем необходимые UI компоненты, которые переиспользуются при доработки и масштабировании проекта. Использование компонентов и вариантов также ускоряет команду разработки.
![UI-kit](https://framerusercontent.com/images/Xm3IcZSTmr6DntKtXEtp57dvvOk.png)
Типографика
Определили подходящую шрифтовую пару для заголовков, составили правила типографики для разных размеров экрана, с учётом адаптивности.
![Типографика](https://framerusercontent.com/images/JCcdpcEcleThv3rhT6n5S8Iqk.png)
Дизайн E-mail уведомлений
Провели работу с текстами, предусмотрели системные ошибки, уведомления и шаблоны email-писем.
![Дизайн E-mail уведомлений](https://framerusercontent.com/images/N22xYtltcdF7Ig5xShFUtQ1qo4s.png)
Сертификаты об обучении
Сделали дизайн сертификата о прохождении обучения, который генерируется при достижении 100% прохождения курса.
![Сертификаты об обучении](https://framerusercontent.com/images/B05srm04thBIMZqNttnP2Tmy59I.png)
О проекте и результатах
Заказчик — Национальная академия дополнительного профессионального образования. Платформа позволяет создавать онлайн курсы с видео уроками, домашними заданиями и онлайн-тестированием. Обучающиеся проходят обучение, проверяют знания и получают подтверждающий документ по результату.
Мы спроектировали интерфейс, сделали и согласовали дизайн-концепцию. Реализовали и опубликовали первую версию образовательной платформы.
Вторым этапом планируется тикетная система техподдержки и функционал внешних преподавателей: каждый специалист, который не является сотрудником академии, после модерации сможет предлагать свои обучающие курсы в общем каталоге.
Публичная часть
Сделали макеты страниц по согласованным прототипам для публичной части. Использовали ранее проработанные прототипы интерфейса, цветовую палитру, типографику.
![Публичная часть](https://framerusercontent.com/images/yftCpfJ9Rv7ChwCIaosooeUN0zM.png)
Каталог курсов
В каталоге реализовали навигацию по категориям, поиск по названию, фильтрацию, сортировку. В карточки курсов добавили категорию, автора, рейтинг, стоимость и возможность добавить в избранное.
![Каталог курсов](https://framerusercontent.com/images/fbEyi2R2BlmklCtTwiWl8Gcs0Bk.png)
Страница курса
Структура страницы в формате лендинга отвечает на вопросы: что предлагаем, что вы получите в результате, на каких условиях и что нужно сделать, чтобы приобрести курс.
![Страница курса](https://framerusercontent.com/images/KRgoRRwkw2z8FQWVwr9ENNcYLmE.png)
Регистрация пользователей
При оплате курса пользователь "по пути" создаёт учётную запись. Все преподаватели обязательно прикрепляют подтверждающие документы и проходят ручную модерацию.
![Регистрация пользователей](https://framerusercontent.com/images/BxxJOg5QHQ7EGNiTbcnaG5kLOxY.png)
Личный кабинет
ЛК предназначен для регулярного использования, учтены привычные паттерны поведения пользователей и привычное расположение элементов для интуитивного восприятия.
![Личный кабинет](https://framerusercontent.com/images/jbMZ6cbBmuXDPoayeJ10cMZBtfQ.png)
Управление курсами
Таблицы — удобное представление для списка курсов, пользователей, уроков в библиотеке. Каждый элемент имеет контекстное меню операций над ним: изменить, удалить, архивировать. По таблицам предусмотрены поиск, фильтрация и навигация по страницам.
![Управление курсами](https://framerusercontent.com/images/wr0eTRq4NsQl2gtKF3CWr78VoU.png)
Конструктор уроков
В конструкторе можно добавить неограниченное количество уроков и модулей, менять их местами, переименовывать и удалять.
![Конструктор уроков](https://framerusercontent.com/images/P45vEM5oTfEL0RzhjjBmqj1qvk0.png)
Учебные группы
В архитектуре предусмотрели учебные группы, чтобы запускать обучение параллельно в нескольких группах по одному курсу. В группах может быть ограниченно количество участников и конкретная дата старта обучения — в зависимости от настроек.
![Учебные группы](https://framerusercontent.com/images/L0eIgOTrwjn6ZtG3LxtPaVSIY.png)
Состояния интерфейса
В дизайне предусмотрены основные состояния элементов, страниц, модальные окна, страницы успешного и неуспешного статуса — что у разработки не осталось вопросов, как должен вести себя интерфейс в том или ином случае.
![Состояния интерфейса](https://framerusercontent.com/images/zLQbjxTy6rXqtAEpeZwz4mlMT4.png)
Логика и блок-семы
Начали работу с того, что определили список ролей пользователей. По каждой роли определили список функционала. На блок-схемах согласовали пользовательские сценарии под каждую роль. Таким образом, определили общие границы проекта.
![Логика и блок-семы](https://framerusercontent.com/images/DJvlsTRtYNZL1Ev1b47mCP0.png)
Прототипы интерфейса
Когда было общее понимание логики работы платформы и функционал пользователя, сделали черновые прототипы интерфейса. Прототипы для каждой роли: гость, слушатель, преподаватель, админ, контент-менеджер. Также сделали прототипы мобильных версий.
![Прототипы интерфейса](https://framerusercontent.com/images/NogjE7ehldiqnlBp3RudXqMilE.png)
ACL-политики
Чтобы заложить правильную архитектуру приложения, в процессе согласования требований определили правила разграничения доступа к разделам для разных ролей пользователей — в наглядной таблице. ACL будут использованы командой разработки при проектировании.
![ACL-политики](https://framerusercontent.com/images/V4naJk05rLiM6gsR8xuzGvz9I.png)
Цветовая палитра
Создали цветовую палитру проекта с учётом контрастности, определили набор используемых оттенков для консистентности цветов в проекте.
![Цветовая палитра](https://framerusercontent.com/images/QVZ7yf0gTUdR0pGOWDg5E3kYwc.png)
Состояния UI компонентов
Предусмотрели необходимые состояния основных UI элементов, чтобы у фронтенд-разработчиков не было вопросов, как должен вести себя интерфейс пользователя в той или иной ситуации.
![Состояния UI компонентов](https://framerusercontent.com/images/pXTRO06UFeP9D07bxLAWOUU5T0.png)
UI-kit
Мы системно подходим к дизайну, поэтому во всех проектах делаем необходимые UI компоненты, которые переиспользуются при доработки и масштабировании проекта. Использование компонентов и вариантов также ускоряет команду разработки.
![UI-kit](https://framerusercontent.com/images/Xm3IcZSTmr6DntKtXEtp57dvvOk.png)
Типографика
Определили подходящую шрифтовую пару для заголовков, составили правила типографики для разных размеров экрана, с учётом адаптивности.
![Типографика](https://framerusercontent.com/images/JCcdpcEcleThv3rhT6n5S8Iqk.png)
Дизайн E-mail уведомлений
Провели работу с текстами, предусмотрели системные ошибки, уведомления и шаблоны email-писем.
![Дизайн E-mail уведомлений](https://framerusercontent.com/images/N22xYtltcdF7Ig5xShFUtQ1qo4s.png)
Сертификаты об обучении
Сделали дизайн сертификата о прохождении обучения, который генерируется при достижении 100% прохождения курса.
![Сертификаты об обучении](https://framerusercontent.com/images/B05srm04thBIMZqNttnP2Tmy59I.png)
О проекте и результатах
Заказчик — Национальная академия дополнительного профессионального образования. Платформа позволяет создавать онлайн курсы с видео уроками, домашними заданиями и онлайн-тестированием. Обучающиеся проходят обучение, проверяют знания и получают подтверждающий документ по результату.
Мы спроектировали интерфейс, сделали и согласовали дизайн-концепцию. Реализовали и опубликовали первую версию образовательной платформы.
Вторым этапом планируется тикетная система техподдержки и функционал внешних преподавателей: каждый специалист, который не является сотрудником академии, после модерации сможет предлагать свои обучающие курсы в общем каталоге.
Публичная часть
Сделали макеты страниц по согласованным прототипам для публичной части. Использовали ранее проработанные прототипы интерфейса, цветовую палитру, типографику.
![Публичная часть](https://framerusercontent.com/images/yftCpfJ9Rv7ChwCIaosooeUN0zM.png)
Каталог курсов
В каталоге реализовали навигацию по категориям, поиск по названию, фильтрацию, сортировку. В карточки курсов добавили категорию, автора, рейтинг, стоимость и возможность добавить в избранное.
![Каталог курсов](https://framerusercontent.com/images/fbEyi2R2BlmklCtTwiWl8Gcs0Bk.png)
Страница курса
Структура страницы в формате лендинга отвечает на вопросы: что предлагаем, что вы получите в результате, на каких условиях и что нужно сделать, чтобы приобрести курс.
![Страница курса](https://framerusercontent.com/images/KRgoRRwkw2z8FQWVwr9ENNcYLmE.png)
Регистрация пользователей
При оплате курса пользователь "по пути" создаёт учётную запись. Все преподаватели обязательно прикрепляют подтверждающие документы и проходят ручную модерацию.
![Регистрация пользователей](https://framerusercontent.com/images/BxxJOg5QHQ7EGNiTbcnaG5kLOxY.png)
Личный кабинет
ЛК предназначен для регулярного использования, учтены привычные паттерны поведения пользователей и привычное расположение элементов для интуитивного восприятия.
![Личный кабинет](https://framerusercontent.com/images/jbMZ6cbBmuXDPoayeJ10cMZBtfQ.png)
Управление курсами
Таблицы — удобное представление для списка курсов, пользователей, уроков в библиотеке. Каждый элемент имеет контекстное меню операций над ним: изменить, удалить, архивировать. По таблицам предусмотрены поиск, фильтрация и навигация по страницам.
![Управление курсами](https://framerusercontent.com/images/wr0eTRq4NsQl2gtKF3CWr78VoU.png)
Конструктор уроков
В конструкторе можно добавить неограниченное количество уроков и модулей, менять их местами, переименовывать и удалять.
![Конструктор уроков](https://framerusercontent.com/images/P45vEM5oTfEL0RzhjjBmqj1qvk0.png)
Учебные группы
В архитектуре предусмотрели учебные группы, чтобы запускать обучение параллельно в нескольких группах по одному курсу. В группах может быть ограниченно количество участников и конкретная дата старта обучения — в зависимости от настроек.
![Учебные группы](https://framerusercontent.com/images/L0eIgOTrwjn6ZtG3LxtPaVSIY.png)
Состояния интерфейса
В дизайне предусмотрены основные состояния элементов, страниц, модальные окна, страницы успешного и неуспешного статуса — что у разработки не осталось вопросов, как должен вести себя интерфейс в том или ином случае.
![Состояния интерфейса](https://framerusercontent.com/images/zLQbjxTy6rXqtAEpeZwz4mlMT4.png)
Логика и блок-семы
Начали работу с того, что определили список ролей пользователей. По каждой роли определили список функционала. На блок-схемах согласовали пользовательские сценарии под каждую роль. Таким образом, определили общие границы проекта.
![Логика и блок-семы](https://framerusercontent.com/images/DJvlsTRtYNZL1Ev1b47mCP0.png)
Прототипы интерфейса
Когда было общее понимание логики работы платформы и функционал пользователя, сделали черновые прототипы интерфейса. Прототипы для каждой роли: гость, слушатель, преподаватель, админ, контент-менеджер. Также сделали прототипы мобильных версий.
![Прототипы интерфейса](https://framerusercontent.com/images/NogjE7ehldiqnlBp3RudXqMilE.png)
ACL-политики
Чтобы заложить правильную архитектуру приложения, в процессе согласования требований определили правила разграничения доступа к разделам для разных ролей пользователей — в наглядной таблице. ACL будут использованы командой разработки при проектировании.
![ACL-политики](https://framerusercontent.com/images/V4naJk05rLiM6gsR8xuzGvz9I.png)
Цветовая палитра
Создали цветовую палитру проекта с учётом контрастности, определили набор используемых оттенков для консистентности цветов в проекте.
![Цветовая палитра](https://framerusercontent.com/images/QVZ7yf0gTUdR0pGOWDg5E3kYwc.png)
Состояния UI компонентов
Предусмотрели необходимые состояния основных UI элементов, чтобы у фронтенд-разработчиков не было вопросов, как должен вести себя интерфейс пользователя в той или иной ситуации.
![Состояния UI компонентов](https://framerusercontent.com/images/pXTRO06UFeP9D07bxLAWOUU5T0.png)
UI-kit
Мы системно подходим к дизайну, поэтому во всех проектах делаем необходимые UI компоненты, которые переиспользуются при доработки и масштабировании проекта. Использование компонентов и вариантов также ускоряет команду разработки.
![UI-kit](https://framerusercontent.com/images/Xm3IcZSTmr6DntKtXEtp57dvvOk.png)
Типографика
Определили подходящую шрифтовую пару для заголовков, составили правила типографики для разных размеров экрана, с учётом адаптивности.
![Типографика](https://framerusercontent.com/images/JCcdpcEcleThv3rhT6n5S8Iqk.png)
Дизайн E-mail уведомлений
Провели работу с текстами, предусмотрели системные ошибки, уведомления и шаблоны email-писем.
![Дизайн E-mail уведомлений](https://framerusercontent.com/images/N22xYtltcdF7Ig5xShFUtQ1qo4s.png)
Сертификаты об обучении
Сделали дизайн сертификата о прохождении обучения, который генерируется при достижении 100% прохождения курса.
![Сертификаты об обучении](https://framerusercontent.com/images/B05srm04thBIMZqNttnP2Tmy59I.png)
О проекте и результатах
Заказчик — Национальная академия дополнительного профессионального образования. Платформа позволяет создавать онлайн курсы с видео уроками, домашними заданиями и онлайн-тестированием. Обучающиеся проходят обучение, проверяют знания и получают подтверждающий документ по результату.
Мы спроектировали интерфейс, сделали и согласовали дизайн-концепцию. Реализовали и опубликовали первую версию образовательной платформы.
Вторым этапом планируется тикетная система техподдержки и функционал внешних преподавателей: каждый специалист, который не является сотрудником академии, после модерации сможет предлагать свои обучающие курсы в общем каталоге.
Публичная часть
Сделали макеты страниц по согласованным прототипам для публичной части. Использовали ранее проработанные прототипы интерфейса, цветовую палитру, типографику.
![Публичная часть](https://framerusercontent.com/images/yftCpfJ9Rv7ChwCIaosooeUN0zM.png)
Каталог курсов
В каталоге реализовали навигацию по категориям, поиск по названию, фильтрацию, сортировку. В карточки курсов добавили категорию, автора, рейтинг, стоимость и возможность добавить в избранное.
![Каталог курсов](https://framerusercontent.com/images/fbEyi2R2BlmklCtTwiWl8Gcs0Bk.png)
Страница курса
Структура страницы в формате лендинга отвечает на вопросы: что предлагаем, что вы получите в результате, на каких условиях и что нужно сделать, чтобы приобрести курс.
![Страница курса](https://framerusercontent.com/images/KRgoRRwkw2z8FQWVwr9ENNcYLmE.png)
Регистрация пользователей
При оплате курса пользователь "по пути" создаёт учётную запись. Все преподаватели обязательно прикрепляют подтверждающие документы и проходят ручную модерацию.
![Регистрация пользователей](https://framerusercontent.com/images/BxxJOg5QHQ7EGNiTbcnaG5kLOxY.png)
Личный кабинет
ЛК предназначен для регулярного использования, учтены привычные паттерны поведения пользователей и привычное расположение элементов для интуитивного восприятия.
![Личный кабинет](https://framerusercontent.com/images/jbMZ6cbBmuXDPoayeJ10cMZBtfQ.png)
Управление курсами
Таблицы — удобное представление для списка курсов, пользователей, уроков в библиотеке. Каждый элемент имеет контекстное меню операций над ним: изменить, удалить, архивировать. По таблицам предусмотрены поиск, фильтрация и навигация по страницам.
![Управление курсами](https://framerusercontent.com/images/wr0eTRq4NsQl2gtKF3CWr78VoU.png)
Конструктор уроков
В конструкторе можно добавить неограниченное количество уроков и модулей, менять их местами, переименовывать и удалять.
![Конструктор уроков](https://framerusercontent.com/images/P45vEM5oTfEL0RzhjjBmqj1qvk0.png)
Учебные группы
В архитектуре предусмотрели учебные группы, чтобы запускать обучение параллельно в нескольких группах по одному курсу. В группах может быть ограниченно количество участников и конкретная дата старта обучения — в зависимости от настроек.
![Учебные группы](https://framerusercontent.com/images/L0eIgOTrwjn6ZtG3LxtPaVSIY.png)
Состояния интерфейса
В дизайне предусмотрены основные состояния элементов, страниц, модальные окна, страницы успешного и неуспешного статуса — что у разработки не осталось вопросов, как должен вести себя интерфейс в том или ином случае.
![Состояния интерфейса](https://framerusercontent.com/images/zLQbjxTy6rXqtAEpeZwz4mlMT4.png)
Логика и блок-семы
Начали работу с того, что определили список ролей пользователей. По каждой роли определили список функционала. На блок-схемах согласовали пользовательские сценарии под каждую роль. Таким образом, определили общие границы проекта.
![Логика и блок-семы](https://framerusercontent.com/images/DJvlsTRtYNZL1Ev1b47mCP0.png)
Прототипы интерфейса
Когда было общее понимание логики работы платформы и функционал пользователя, сделали черновые прототипы интерфейса. Прототипы для каждой роли: гость, слушатель, преподаватель, админ, контент-менеджер. Также сделали прототипы мобильных версий.
![Прототипы интерфейса](https://framerusercontent.com/images/NogjE7ehldiqnlBp3RudXqMilE.png)
ACL-политики
Чтобы заложить правильную архитектуру приложения, в процессе согласования требований определили правила разграничения доступа к разделам для разных ролей пользователей — в наглядной таблице. ACL будут использованы командой разработки при проектировании.
![ACL-политики](https://framerusercontent.com/images/V4naJk05rLiM6gsR8xuzGvz9I.png)
Цветовая палитра
Создали цветовую палитру проекта с учётом контрастности, определили набор используемых оттенков для консистентности цветов в проекте.
![Цветовая палитра](https://framerusercontent.com/images/QVZ7yf0gTUdR0pGOWDg5E3kYwc.png)
Состояния UI компонентов
Предусмотрели необходимые состояния основных UI элементов, чтобы у фронтенд-разработчиков не было вопросов, как должен вести себя интерфейс пользователя в той или иной ситуации.
![Состояния UI компонентов](https://framerusercontent.com/images/pXTRO06UFeP9D07bxLAWOUU5T0.png)
UI-kit
Мы системно подходим к дизайну, поэтому во всех проектах делаем необходимые UI компоненты, которые переиспользуются при доработки и масштабировании проекта. Использование компонентов и вариантов также ускоряет команду разработки.
![UI-kit](https://framerusercontent.com/images/Xm3IcZSTmr6DntKtXEtp57dvvOk.png)
Типографика
Определили подходящую шрифтовую пару для заголовков, составили правила типографики для разных размеров экрана, с учётом адаптивности.
![Типографика](https://framerusercontent.com/images/JCcdpcEcleThv3rhT6n5S8Iqk.png)
Дизайн E-mail уведомлений
Провели работу с текстами, предусмотрели системные ошибки, уведомления и шаблоны email-писем.
![Дизайн E-mail уведомлений](https://framerusercontent.com/images/N22xYtltcdF7Ig5xShFUtQ1qo4s.png)
Сертификаты об обучении
Сделали дизайн сертификата о прохождении обучения, который генерируется при достижении 100% прохождения курса.
![Сертификаты об обучении](https://framerusercontent.com/images/B05srm04thBIMZqNttnP2Tmy59I.png)