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

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

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

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

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

Проверяли, работает ли интерактив, который должен отвечать на вопросы ещё до заявки: открывают ли вкладки описания, пользуются ли калькулятором, доходят ли до конца страницы.

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

В новой шапке три главных входа подписаны словами: «Программы обучения» — тип со счётчиком и список его программ при наведении, «Ещё» — разделы института, контакты и график одним экраном, и «Личный кабинет». Структуру в шапке и в каталоге собирали по рекомендациям SEO-специалиста.

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

Новая стилистика вышла далеко за границы сайта. Вместе с командой мы перевели на неё соцсети, презентации и учебные материалы, а саму систему зафиксировали в UI-ките и брендбуке.