Цифровая платформа — это не просто сайт, а целая экосистема, которая объединяет обучение, события и контент. В кейсе расскажем, как команда Etence спроектировала архитектуру и реализовала образовательную платформу «Лаборатория медиа» — от дизайна интерфейсов до инфраструктуры. На примере покажем архитектуру цифровых экосистем и комплексное решение задачи под ключ.
Лаборатория медиа — цифровая экосистема для создателей контента, блогеров и молодых медийщиков. Компания занимается поддержкой начинающих специалистов в медиаотрасли, поиском новых форматов контента и развитием креативных индустрий в России.
Команда «Лаборатории медиа» обратилась с запросом на разработку цифровой платформы, способной объединить образовательные проекты, события и медийный контент в одном пространстве.
Цель — создать образовательную платформу, которая обеспечит единую точку входа в медиасообщество.
Клиент хотел создать универсальную онлайн-платформу, объединяющую все события и проекты «Лаборатории медиа» в одной цифровой экосистеме. Основная идея — предоставить пользователям удобный инструмент для обучения, участия в мероприятиях и развития собственной карьеры в медиа.
Платформа должна выполнять несколько ключевых функций:
Через платформу пользователи должны легко регистрироваться на события, проходить и приобретать курсы, взаимодействовать с контентом и быть частью образовательной экосистемы.
Главная цель проекта — повысить вовлечённость аудитории и сделать взаимодействие с «Лабораторией медиа» максимально простым и удобным.
Сроки реализации: 7 месяцев активной разработки.
После первичного брифа мы провели встречу с клиентом, уточнили цели и определили ключевые блоки архитектуры платформы ↓
Контроль задач
Чтобы обеспечить системный подход и прозрачность, мы выстроили работу по Agile-методологии с недельными спринтами ↓
Почему именно недельные спринты: такой формат позволяет команде стабильно показывать результат, а клиенту — видеть реальные изменения и вносить корректировки.
Команда проекта
Project Manager — координация и коммуникация с клиентом;
Analytics – проектирование и структура платформы;
Frontend — реализация клиентской части;
Backend — логика платформы, интеграции и безопасность;
QA Engineer — тестирование и контроль качества.
Технологический стек
Frontend: React, React Router, Material UI, GraphQL Apollo Client, CKEditor5 и другие инструменты для модульной структуры цифровой платформы и удобство интерфейсов.
Backend: Node.js, NestJS, GraphQL Apollo Server, Redis, gRPC, Ory Keto — инструменты для API-интеграции и безопасности данных.
Инфраструктура и DevOps: Kubernetes, Docker, Helm и CI/CD — чтобы архитектура была устойчивой, а интеграция информационных систем проходила без сбоев.
За 7 месяцев активной разработки мы реализовали полный цикл разработки образовательной платформы — от проектирования архитектуры до внедрения аналитики.
1. Архитектура и дизайн
Мы спроектировали архитектуру цифровой платформы с разделением на Frontend и Backend, заложив принципы масштабируемости и интеграции систем. Перенесли прототипы интерфейсов и единый дизайн-гайд из Figma на платформу, настроили систему компонентов и адаптивный дизайн для всех устройств.

2. Регистрация и личные кабинеты
Добавили авторизацию через e-mail и социальные сети (Яндекс ID, ВКонтакте), разработали систему ролей и API аутентификации. В личном кабинете — управление профилем, курсами и достижениями, календарь событий и учёт активности.
3. Каталог курсов, система обучения и приём платежей
Каталог курсов и мероприятий стал основным компонентом образовательной экосистемы. Пользователи проходят уроки, тесты, задания, получают сертификаты и оплачивают участие онлайн. В основе — интеграция платёжной системы, поддержка обмена данными для стабильной работы.


4. Панель администратора и аналитика
Панель управления — важный элемент архитектуры. Администраторы управляют пользователями, контентом и заказами, анализируют активность и вовлечённость. Добавили мониторинг интеграций и улучшили отчётность, охватывающую ключевые события и активность пользователей.
регистрация и вход через e-mail, Яндекс ID или ВКонтакте
админ-панель для добавления и редактирования контента (уроки, статьи, новости), анализа активности и вовлечённости пользователей
личный кабинет с курсами, достижениями и календарём событий
каталог курсов с фильтрацией и поиском
встроенные видеоуроки, тесты и задания
автоматическая выдача сертификатов
интеграция информационных систем и безопасная работа с данными
Мы запустили полноценную цифровую образовательную платформу «Лаборатории медиа» — удобное пространство, где пользователи учатся, смотрят лекции, участвуют в событиях и развиваются в профессии. Цифровая экосистема объединяет все процессы обучения: от регистрации и оплаты курса до прохождения уроков и получения сертификата. Теперь команда «Лаборатории медиа» может самостоятельно добавлять новые программы, управлять пользователями и контентом без помощи разработчиков.
Кейс «Лаборатории медиа» показал, как архитектура цифровой экосистемы может объединить обучение, события и контент в едином пространстве. За счёт продуманной структуры и интеграции всех модулей платформа стала удобным инструментом для пользователей и управляемой системой для команды клиента. Платформа продолжает развиваться: добавляются новые курсы, расширяются функции админ-панели, появляются возможности для персонализации обучения.