образовательный продукт внутри экосистемы контура с девятью направлениями: бухгалтерия, кадры, охрана труда, маркетинг, закупки и другие. к моменту старта работ промо-сайт состоял из десятков страниц, каждая из которых собиралась вручную командой лендингов — без cms, без единой структуры, без общего визуального языка. любое изменение в уже опубликованном курсе требовало поправок в коде. масштабирование было невозможным. Как то так
унифицировать, компонентизировать, передать управление контентом в CMS — и при этом не потерять уникальность каждого курса и каждого направления.
унифицировать, компонентизировать, передать управление контентом в CMS — и при этом не потерять уникальность каждого курса и каждого направления.
Девять направлений, разные продюсеры, разные форматы. Два типа курсов: большие с живыми группами и короткие экспресс-курсы с предзаписью. Единой структуры не существовало, шаблонов не было. Такое сложно поддерживать.
Проанализировал все существующие страницы, выявил повторяющиеся блоки и крайние случаи. Спроектировал единую адаптивную структуру, которая работает для любого курса любого направления.
Название с адаптивным кеглем под количество знаков. Блок расписания с ближайшими группами, форматами обучения и итоговым документом.
Модульная структура из переиспользуемых блоков:
Это создавало аналитические противоречия и ломало пользовательский путь. Нужно было разделить промо и продуктовую часть: продуктовую страницу делал другой дизайнер, моя задача — пересобрать промо-страницу как инструмент анонса и продажи.
Убрал лишнее, сфокусировал на том, что нужно для принятия решения о записи.
Обложка — четыре состояния в зависимости от статуса вебинара и единая таблица адаптивности.
единая компонентная система для всех обучающих страниц. контент управляется через cms без участия разработчика.
витрина обучения решает задачу b2b-продажи подписки через персонализацию выдачи. архитектура рассчитана на масштабирование без пересборки с нуля.