роль Старшего дизайнер, лида направления
Пересобрать архитектуру всех обучающих страниц, унифицировали структуру и перевели контент в CMS. Создать решение отображение промо-страниц под пакетную b2b-подписку.
Девять направлений, разные продюсеры, разные форматы. Два типа курсов: большие с группами и короткие экспресс-курсы с предзаписью. Единой структуры не существовало, шаблонов не было.
Такое сложно поддерживать.
Проанализировал все существующие страницы, выявил повторяющиеся блоки и крайние случаи. Спроектировал единую адаптивную структуру, которая работает для любого курса любого направления.
Название с адаптивным кеглем под количество знаков: от 1–30 до 105+, протестированных на всех адаптивах. Блок расписания с ближайшими группами, форматами обучения и итоговым документом.
Документ — отдельная смысловая история: диплом о переподготовке требует высшего образования, свидетельство — среднего профессионального, и всё это нужно объяснить прямо на первом экране.
Модульная структура из переиспользуемых блоков:
Это создавало аналитические противоречия и ломало пользовательский путь. Нужно было разделить промо и продуктовую часть: продуктовую страницу делал другой дизайнер, моя задача — пересобрать промо-страницу как инструмент анонса и продажи.
Убрал лишнее, сфокусировал на том, что нужно для принятия решения о записи.
Обложка — четыре состояния в зависимости от статуса вебинара:
Для шапки создана таблица адаптивности: матрица диапазонов знаков × брейкпойнтов с точными значениями font-size и line-height. Ограничение названия по символам введено на уровне CMS.
Вместо длинного описания — короткие конкретизирующие темы. Лекторы от одного до четырёх, вебинары по теме, правая колонка с upsale на курсы по тегу вебинара.
Баннер живого вебинара встроен и в страницу список вебинаров — если эфир идёт прямо сейчас, он всплывает наверху страницы.
Мы активно предлагали корпоративную подписку включающую в себя все направления. Но показать состав курсов на несколько направлений сразу целому бизнесу было невозможно. Не существовало страницы, где можно увидеть весь объём обучения и понять, какой тариф подойдёт именно этой компании.
Спроектировал каталог обучения — агрегатор всего контента с динамической логикой под B2B-продажи.
Поиск, фильтрация по ролям разных направлений (генеральный директор, HRD, бухгалтер и другие), по цели, рубрикам и навыкам.
В зависимости от выбранных фильтров — динамическое предложение тарифа: компании видят корпоративную подписку, частному пользователю предлагается персональная. Ниже — курсы, экспресс-курсы, вебинары в виде календаря с ближайшими событиями.
Проведены юзер-тесты: пользователи успешно справлялись с навигацией и фильтрацией, находили нужные форматы и доходили до выбора тарифа.
Витрина всего контента одной профессии: топовые курсы, экспресс-курсы, вебинары-календарь, статьи, вопросы-ответы. Всё в одном месте, без перехода между разделами.