Новый сайт для Высшей экономической школы

О заказчике

•

География корпоративных проектов ВЭШ включает 75 городов по всей России от Владивостока до Крыма.

•

В портфолио Школы — 1000 реализованных корпоративных проектов разных форматов: от классических курсов, семинаров и тренингов до бизнес-симуляций, фасилитации и коучинга.

С чего начали?

Антон Ходыка

Клиент, связующее звено, директор по маркетингу и развитию ВЭШ, бизнес-тренер

С 2014 года мы осуществляли техническую поддержку предыдущей версии сайта. Успели разработать новый дизайн для страниц каталога сборных программ. Сделали макеты писем для почтовой рассылки ВЭШ. Настроили сбор статистики, проверяли изменение конверсии.

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

Какие задачи стояли перед нами?

Привлечь новых клиентов и увеличить количество заявок на обучение

Создать современный дизайн, который соответствует бизнес-классу в образовании

Сделать сайт для клиентов, готовых почитать и подумать

Таблица с расписанием

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

«Расписание должно быть ёмким!»

Акцент на выборе преподавателя

Голомшток Юлия Борисовна

соучредитель и директор Высшей экономической школы, коуч, психолог, преподаватель, консультант в области психологии управления. С 2005 года опыт работы индивидуального консультирования. Более 15 лет успешного управленческого опыта.

ЗАДАТЬ ВОПРОС

Клиентам очень важно понимать, кто именно будет их обучать. Поэтому мы переосмыслили роль страницы преподавателя и придали ей более высокую значимость. Мы сделали её максимально подробной для каждого преподавателя, чтобы будущий студент мог ознакомиться с опытом, образованием, карьерой тренера, проектами и учебными программами с его участием. Также прямо на странице мы предусмотрели возможность задать преподавателю вопрос — это делает политику ВЭШ открытой и дружелюбной.

Шаблон лендинга курсов

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

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

ВЭШ подробно описывает программы своих курсов, и чтобы сохранить ценный контент в удобной для клиента форме, мы сделали плашки с описанием модулей и их составляющих.

Антон

«Сделайте нам шаблон лендинга, чтобы для каждого курса подходил»

Мы предусмотрели три формы для записи на курс в начале, в середине и в конце каждого лендинга, чтобы клиентам, которые уже приняли решение обучаться, не приходилось пролистывать страницу целиком.

Master of Business Administration

Флагманом программ обучения ВЭШ является курс MBA. К обучению в нём допускаются только топ-менеджеры, прошедшие вступительный отбор и готовые посвятить 2 года интенсивной учёбе.

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

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

Курс MBA — это не только перечень учебных материалов и новые знания, которые можно сразу применить на практике. Главное преимущество МВА в Высшей экономической школе — преподаватели. Опытные, высокообразованные, интеллигентные и открытые для диалога. Именно поэтому мы добавили на лендинг блок с крупными фотографиями и цитатами будущих тренеров, каждому из которых пользователь может задать вопрос в форме обратной связи. Даже такое заочное знакомство поможет принять решение в пользу МВА в ВЭШ.

А ещё мы вынесли в отдельный блок информацию о международном модуле, который проходил в Германии в бизнес-школе DMAN. На территории настоящего замка!

Кейсы, проекты, отзывы

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

Изучив отзывы клиентов Школы, пользователь может оставить заявку на формирование индивидуальной программы. Форма заявки не содержит лишних полей, не вынуждая клиентов терять много времени на заполнение, при этом позволяет сотрудникам ВЭШ собрать необходимую информацию о компании и сразу предложить варианты обучения.

Дизайн и позиционирование

«Не нужно забывать о том, что мы работаем для деловых людей»

Мы работали над выделением акцентов, чтобы достичь правильного эффекта: важная мысль сразу считывается пользователем, но визуально «не выкрикивает». Только так сайт будет соответствовать уровню бизнес-класса в образовании.

Высшая экономическая школа

бизнес-образование для развития и жизни

Сборные программы бизнес-образования

Программа MBA

Корпоративное обучение

Фасилитация

Программирование и вёрстка

Для сайта ВЭШ мы использовали современную технологическую базу:

React

Python на Django

Wagtail

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

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

По статистике, 40–50% посетителей заходят на сайт с мобильных устройств, поэтому мы сразу делали его адаптивным. Для тех страниц, где невозможно было сделать адаптив автоматическим, сразу рисовали отдельные макеты для мобильной версии.

Каков результат?

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