Школа Московской биржи

Контекст

Сайт школы не обновляли 8 лет. За это время у школы появились новые форматы — прямые трансляции, статьи. А сайт остался рассчитан на простой каталог курсов, и с главной вели сразу на всё, без разделения по аудитории. Занималась этим постепенно: сначала переработала структуру сайта и главную, потом визуальный стиль, фильтр трансляций и новые блоки на странице курса

Роль

Единственный дизайнер на проекте. Исследование проводила вместе с командой исследователей, а весь UI и UX — от первых гипотез до передачи в разработку — вела сама

Процесс

• Провела опрос целевой аудитории — поняла, что пугает и что мешает записаться на курс
• Посмотрела, как это устроено у похожих школ и образовательных платформ — забрала лучшие решения по карточкам курсов и фильтрам
• Собрала CJM для пути новичка — этот путь раньше никто не прорабатывал
• Разделила аудиторию на два сегмента с разными наборами продуктов — раньше всё показывалось вперемешку

Путь пользователя

Собрала CJM для пути новичка — человека, который впервые попадает на сайт. Раньше этот путь никто не прорабатывал. В нём весь путь от захода на сайт до успешной записи на курс, и видно, на каких шагах люди чаще всего застревали

CJM «ШМБ / Новичок» — путь от поиска курса до получения сертификата, с барьерами на каждом этапе и решениями конкурентов для сравнения

Ключевые решения

Главная

Проблема: главная не конвертила — сложная, устаревшая, все продукты показывались вперемешку, и многие терялись из виду

Решение: сегментировала аудиторию и сразу предлагала каждому нужные продукты. Вывела направления курсов на главную и добавила больше точек входа по другим продуктам школы (так они получили дополнительную рекламу). Показала основные регалии школы

До После

Потяните за ползунок, чтобы сравнить старую и новую версию главной

До После

Тот же принцип для остальных блоков главной

Мобильная версия

Та же логика, что и на десктопе — сегментация по опыту и быстрый доступ ко всем продуктам школы, адаптированные под мобильный сценарий

Регистрация

Проблема: путь регистрации был длинным, часть пользователей не доходила до конца

Решение: убрала лишние шаги в флоу регистрации и оплаты

Телефон → код из смс → почта → пароль. Раньше путь занимал 2:10, теперь 1:22. Сразу после регистрации открывается оплата, без лишних переходов и новых страниц

Каталоги

Проблема: в каталоге не было нормальной фильтрации, поиск был неудобным, а на карточках курсов путались элементы — теги принимали за кнопки, тексты были слабыми

Решение: навела порядок в фильтрах и поиске, переработала карточки — тексты, теги, иерархию элементов. Кнопка теперь ведёт на запись вместо лендинга курса, это подняло конверсию на 15%

До После

Потяните за ползунок, чтобы сравнить старый и новый каталог

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

Карточка курса

Кнопка ведёт сразу на регистрацию — конверсия выросла на 15%. Цена теперь в самой кнопке, теги — только количество уроков, в матовом стекле. Клик по карточке открывает страницу курса

Страница курса

Проблема: описание курса было сплошным полотном текста без структуры, а шаблон не учитывал, что контент курсов из админки сильно различается

Решение: спроектировала универсальный шаблон под любой курс, добавила новые блоки и индивидуальные иллюстрации. По гипотезе это поднимет конверсию в запись

До После

Потяните за ползунок, чтобы сравнить старую и новую страницу курса

Мобильная версия

Контент каждого курса переписала и привела к единой форме, для наглядности добавила новые блоки — результаты, ожидания, частые вопросы

Создали 60 индивидуальных иллюстраций для курсов с помощью ИИ

Страница трансляции

Проблема: прошедшие трансляции пропадали без следа. Шаблон страницы устарел — разные тексты, старые картинки. А эксперта, который по опросу волнует пользователей больше всего, было видно только внизу

Решение: добавила архив прошедших трансляций. Переоформила шаблон, унифицировала тексты и убрала устаревшие картинки. Эксперта вынесла на первый экран

Новый хиро-блок трансляции

Перенесла информацию про эксперта с отдельной страницы в модальное окно. Теперь пользователь тратит на 11 сек меньше времени на изучение информации и не переходит на отдельные страницы, что по гипотезе должно увеличить время на странице

Результат

Сайт научился одинаково хорошо показывать разный контент (курсы, трансляции, статьи), получил новый визуальный стиль и архив прошедших трансляций, которого раньше не было