Редизайн B2B-сайта экосистемы Skyeng
Объединила B2B-продукты Skyeng, Skysmart и Skypro в систему из четырёх страниц и сократила время запуска ежемесячных акций с 14 до 3 часов.
Задача проекта
Объединить B2B-продукты Skyeng, Skysmart и Skypro на одном сайте и сформировать единое предложение для корпоративных клиентов.
У каждого бренда была своя продуктовая структура: где-то пользователю предлагались форматы обучения, где-то — предметы, направления или отдельные курсы. Из-за этого продукты было сложно воспринимать как части одной образовательной экосистемы.
Кроме того, под каждую ежемесячную промоакцию создавался отдельный лендинг. Это требовало значительных ресурсов команды, усложняло поддержку страниц и приводило к появлению большого количества одноразовых решений.
Нужно было разработать масштабируемую систему, которая объединяла бы разные продукты в общей и понятной логике, помогала пользователю быстро выбрать подходящее направление и позволяла регулярно обновлять главные экраны под промоакции без разработки нового лендинга с нуля.
У каждого бренда была своя продуктовая структура: где-то пользователю предлагались форматы обучения, где-то — предметы, направления или отдельные курсы. Из-за этого продукты было сложно воспринимать как части одной образовательной экосистемы.
Кроме того, под каждую ежемесячную промоакцию создавался отдельный лендинг. Это требовало значительных ресурсов команды, усложняло поддержку страниц и приводило к появлению большого количества одноразовых решений.
Нужно было разработать масштабируемую систему, которая объединяла бы разные продукты в общей и понятной логике, помогала пользователю быстро выбрать подходящее направление и позволяла регулярно обновлять главные экраны под промоакции без разработки нового лендинга с нуля.
Решения
Сайт был разделён на четыре связанные страницы: общую разводящую и три отдельные страницы брендов — Skyeng, Skysmart и Skypro.
На разводящей странице продукты сгруппированы не по внутренней структуре брендов, а по понятным задачам пользователя:
— иностранные языки для сотрудников;
— обучение детей сотрудников;
— курсы для развития карьеры.
Выбрав направление, пользователь переходит на страницу соответствующего бренда с подробным описанием программ и условий.
Для трёх брендовых страниц я разработала общую логику: промопредложение, каталог программ, преимущества экосистемы, преподаватели, подтверждение надёжности, варианты оплаты, форма заявки и ответы на вопросы. При этом каталог адаптирован под специфику каждого продукта: языки и форматы обучения в Skyeng, предметы и типы занятий в Skysmart, направления и профессиональные курсы в Skypro.
В основе сайта лежат единая структура и переиспользуемые компоненты, а цвета, графика и содержание помогают сохранить характер каждого бренда.
Для главных экранов был предусмотрен сменный промослой. Их можно «переодевать» под новую акцию, обновляя предложение и визуальную тему сразу на разводящей и брендовых страницах, не затрагивая остальной сайт.
На разводящей странице продукты сгруппированы не по внутренней структуре брендов, а по понятным задачам пользователя:
— иностранные языки для сотрудников;
— обучение детей сотрудников;
— курсы для развития карьеры.
Выбрав направление, пользователь переходит на страницу соответствующего бренда с подробным описанием программ и условий.
Для трёх брендовых страниц я разработала общую логику: промопредложение, каталог программ, преимущества экосистемы, преподаватели, подтверждение надёжности, варианты оплаты, форма заявки и ответы на вопросы. При этом каталог адаптирован под специфику каждого продукта: языки и форматы обучения в Skyeng, предметы и типы занятий в Skysmart, направления и профессиональные курсы в Skypro.
В основе сайта лежат единая структура и переиспользуемые компоненты, а цвета, графика и содержание помогают сохранить характер каждого бренда.
Для главных экранов был предусмотрен сменный промослой. Их можно «переодевать» под новую акцию, обновляя предложение и визуальную тему сразу на разводящей и брендовых страницах, не затрагивая остальной сайт.
Результат
Получилась масштабируемая система из четырёх страниц: общей разводящей и отдельных страниц Skyeng, Skysmart и Skypro.
Продукты трёх брендов с разной внутренней логикой были объединены общим пользовательским маршрутом. Разводящая страница помогает выбрать направление, а брендовые — подробно изучить подходящие программы и оставить заявку.
Единая архитектура и набор переиспользуемых компонентов упростили развитие и поддержку сайта, сохранив визуальные особенности каждого бренда.
Благодаря «переодеванию» команда может адаптировать главные экраны всех четырёх страниц под новую акцию без разработки отдельных лендингов с нуля. В результате время запуска ежемесячной промоакции сократилось с 14 до 3 часов.
Продукты трёх брендов с разной внутренней логикой были объединены общим пользовательским маршрутом. Разводящая страница помогает выбрать направление, а брендовые — подробно изучить подходящие программы и оставить заявку.
Единая архитектура и набор переиспользуемых компонентов упростили развитие и поддержку сайта, сохранив визуальные особенности каждого бренда.
Благодаря «переодеванию» команда может адаптировать главные экраны всех четырёх страниц под новую акцию без разработки отдельных лендингов с нуля. В результате время запуска ежемесячной промоакции сократилось с 14 до 3 часов.
