Comdi: разработка интерфейса интерактивной платформы для онлайн-мероприятий

Главное о кейсе

Видеоплеер Comdi ушел от устаревшего интерфейса и превратился в полноценную платформу для организации мероприятий любого формата — от корпоративных встреч до масштабных конференций с участием десятков тысяч человек. Мы обновили интерфейс плеера и пересмотрели весь пользовательский опыт: изучили популярные видеоплееры и платформы для онлайн-конференций, создали визуальный концепт с темной и светлой темой, разработали систему кастомизации под бренды клиентов и спроектировали полный набор экранов для всех сценариев взаимодействия участников с трансляцией.

Как проект изменил жизнь пользователей

Участники трансляций теперь погружаются в продуманный, стильный интерфейс, который создает впечатление качественного и профессионального мероприятия. Вместо скучного видеоплеера они получают интерактивную платформу, где каждое взаимодействие — от нажатия на кнопку до перемещения между секциями конференции — доставляет удовольствие и имеет смысл.

Процесс взаимодействия с трансляцией стал максимально удобным и вовлекающим благодаря:
- Кастомизированному интерфейсу под бренд — каждое мероприятие получает уникальный визуальный стиль за счет гибкой системы цветовых схем, что усиливает ощущение причастности к конкретному событию.
- Подготовке до начала трансляции — пока мероприятие не началось, пользователи получают информацию о том, что их ждет: о спикерах, повестке дня. Это порождает трепетное ожидание и заинтересованность.
- Элементам геймификации — возможно выиграть призы, поделиться профилем, общаться со спикерами, что делает участие в трансляции активной и запоминающейся.
- Удобству навигации — пользователи легко перемещаются между секциями конференции, находят нужную информацию, не теряя фокус на основном контенте.
- Адаптивности под все устройства — будь то компьютер, планшет или смартфон, интерфейс работает одинаково хорошо и не теряет в функциональности.

Бизнес-задача и ее решение

Для Comdi была критична необходимость модернизировать видеоплеер, который перестал соответствовать статусу проводимых мероприятий. Устаревший интерфейс портил впечатление о качестве сервиса, а возможности плеера не покрывали растущие потребности клиентов. Когда к платформе подошли крупные инвесторы, появилась возможность переосмыслить продукт — превратить видеоплеер в полноценную платформу с расширенным функционалом.

Мы решили эту задачу комплексно:
1) Построили новую карту пути пользователя (CJM) и определили, какой функционал необходим на каждом этапе взаимодействия.
2) Разработали гибкую цветовую схему, позволяющую организаторам адаптировать внешний вид плеера под свой бренд.
3) Разработали полный набор экранов, покрыли все бизнес и пользовательские сценарии, включая экраны до трансляции, во время трансляции, функционала участия, профиля и взаимодействия.
4) Добавили вовлекающий функционал — элементы геймификации, возможность выигрывать призы, общаться со спикерами, переходить между секциями — все это превратило пассивный просмотр в активное участие.
5) Расширили возможности организаторов — добавили функцию создания кастомизированных лендингов и рассылок под каждое мероприятие, что позволило клиентам комплексно работать с аудиторией прямо в платформе.

Крафт (мастерство), реализация, технические детали

Работа над Comdi потребовала глубокого понимания различных форматов мероприятий — от корпоративных встреч до масштабных конференций с десятками тысяч участников. Мы анализировали, как работают популярные видеоплееры и платформы для онлайн-конференций, и выделили лучшее, а затем адаптировали под потребности Comdi.

Главный вызов был в том, чтобы продумать особенности разных форматов мероприятий и интегрировать новые функции в существующую систему. Нужно было убедиться, что функционал работает стабильно для маленьких встреч и для конференций со 100 000+ участниками, и при этом система остается отзывчивой. Мы оживили интерфейс микроанимациями и динамическими переходами, которые делают взаимодействие приятным. Все элементы адаптированы под любые размеры экранов — платформа работает одинаково хорошо на компьютере, планшете и смартфоне.

На визуальном уровне разработали концепт с темной и светлой темой, которые отражают разные контексты использования. Создали систему кастомизации, где организаторы могут менять акцентные цвета под свой бренд — так каждое мероприятие получает узнаваемый визуальный язык.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Этот проект показал нам, насколько продукт трансформирует переосмысление базовых элементов. Видеоплеер казался завершенным элементом — но когда появилась возможность подумать о нем стратегически, оказалось, что там скрывалось огромное пространство для инноваций. Инсайт проекта в том, что пользовательский интерфейс — это язык, на котором платформа говорит с пользователем, и этот язык должен быть искренним, понятным и радующим.

При разработке мы выстроили процесс из нескольких ключевых фаз: сначала анализировали потребности, затем спроектировали архитектуру продукта, потом разрабатывали дизайн и функционал, и наконец — тестировали и оптимизировали на реальных сценариях.
В процессе работы мы тесно сотрудничали с командой Comdi, разбирались в специфике различных форматов мероприятий — как отличаются потребности участников корпоративной встречи от участников масштабной конференции. Слушали инвесторов и понимали, в какую сторону они видят развитие продукта. Научились быстро адаптировать решения под реальные потребности бизнеса и пользователей, учитывать все сложности, которые возникают при масштабировании платформы.

В итоге получился продукт, который думает о пользователе на каждом его шаге — от первого впечатления на лендинге мероприятия до активного участия в трансляции. Comdi превратился из видеоплеера в полноценную платформу для незабываемых онлайн-событий.

Текущая доступность работы

Проект, реализованный нами - запускается четко под клиента внутри платформы Comdi.

Скриншоты