Сайт Московской государственной академии хореографии

Главное о кейсе

Сайт Московской государственной академии хореографии стал для команды Morizo заданием повышенной сложности по разработке. Нам необходимо было учесть более 300 обязательных требований законодательства, которые делают сайты учебных заведений похожими друг на друга. Если сайт им не соответствует, образовательную организацию могут оштрафовать и даже лишить лицензии. На официальном сайте МГАХ разработчикам Morizo удалось объединить изящество балета, жесткие образовательные стандарты, 250 лет истории легендарного учебного заведения, более 500 страниц документов и уложить творческие порывы в программную логику. Результатом работы стала новая система хранения, администрирования и размещения контента на сайте. Он стал информативнее, эффектнее, интуитивно-понятнее пользователям со всего мира. Количество посещений из других стран, в том числе из США, выросло на 22%, а сами страницы сайта загружаются в 3 раза быстрее. В зависимости от расположения сервера десктопная загрузка занимает от 0,257 до 1,059 сек.

Как проект изменил жизнь пользователей

У МГАХ несколько разных целевых аудиторий: проверяющие органы, абитуриенты и родители из России, иностранные абитуриенты и их родители, профессиональное сообщество.
После модернизации структура сайта позволяет легко найти ответы на основные вопросы по выбору МГАХ как учебного заведения, оценить перспективы обучающихся и познакомиться с международными проектами. Показатели посещаемости сайта напрямую зависят от сезонности: максимум в периоды подготовки к вступительным испытаниям и зачисления. После реновации в «горячий сезон» 2024 количество визитов на сайт превысило 20К визитов пользователей, что на 20% лучше показателя 2023 года, в спокойный период до старта новой приемной кампании - около 5 К.

Кроме важных функциональных пунктов меню на сайте появились развлекательно-познавательные блоки с историей и фотоархивом учебного заведения, интервью с хореографами и танцорами. Теперь на сайте можно не только найти информацию про обучение, но и узнать захватывающую историю балета в России и, возможно, найти источник вдохновения.

Бизнес-задача и ее решение

Основной задачей проекта стала реновация сайта. Необходимо было отразить в концепции уникальность и традиции учебного заведения, но сделать сайт современным, использовать классические представления о балете, при этом отстроиться от конкурентов - других известных хореографических училищ и академий.
Для сайта МГАХ команда выбрала минималистичный дизайн со сдержанными, благородными цветами, большим количеством «воздуха» и с четкой, понятной структурой. Для знакомства с историей учебного заведения создали отдельный раздел с этапами истории академии и фотоархивом, оформили его в виде многотомного сочинения. В результате число пользователей, целенаправленно посетивших раздел, выросло на 28%.
Главная страница во многом напоминает балетную постановку на сцене Большого театра. Есть «вторая линия» – верхнеуровневое меню, разработанное по всем требования законодательства, «первая линия» – меню для посетителей сайта с полезной информацией, далее «солисты» – видео, анимированный слайдер с фактами об академии и интерактивный блок истории в пределах первых двух скроллов. В качестве «либретто» – быстрые ссылки на самые востребованные страницы сайта, так пользователи в пару кликов находят нужные сведения.
В результате, среднее время пребывания на сайте в период выбора учебного заведения для поступления выросло до 2:17, а количество посещений увеличилось на 35%.

Крафт (мастерство), реализация, технические детали

Работа над сайтом велась по 2 направлениям: соответствие требованиям законодательства и удобство для администраторов и пользователей.

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

Использование цифрового хранилища.
Еще одно необходимое требование законодательства: на замену старых распоряжений, приказов и других важных для учебных организаций документов на новые отводится 10 дней. Как правило, один и тот же файл нужно разместить на 3 и более страницах в открытом доступе. Ранее на сайте было более 500 страниц разнообразных по структуре и актуальности документов, администратор сайта заменял их вручную на каждой странице, что отнимало много времени и усилий. На новом сайте команда Morizo уменьшила количество страниц в 2,2 раза благодаря интеграции системы управления данными и создала цифровое хранилище. Теперь можно быстро обновлять документы и связывать их с нужным контентом через перекрестные ссылки.

HTML-разметка для автоматических проверок - работа на принятие.
Команда строго следовала методическим рекомендациям, добавляя от 2 до 18 таких идентификаторов с атрибутами в каждый раздел сайта. Результат автоматического мониторинга на соответствие законодательным требованиям составил 100%.

Доступность информации и инклюзивность.
Команда разработчиков изучила существующие ГОСТы и методические рекомендации по созданию сайтов для слабовидящих пользователей.
Разработанный сайт МГАХ совместим с шестью популярными браузерами и позволяет легко управлять размерами шрифтов и цветовыми схемами, отключать эффекты, анимацию и автовоспроизведение видео и настраивать масштаб контента для лучшего восприятия.

Наполнение сайта и работа с контентом.
Учитывая, что не всегда в учебных заведениях есть технические специалисты, разработчики собрали интуитивно понятную систему управления контентом на базе «1С-Битрикс». У ответственного за сайт сотрудника появился каталог из 64 модулей и 11 справочников, чтобы оперативно управлять различной информацией даже без знаний HTML. Один и тот же контент можно разместить в нескольких разделах с помощью сквозной привязки. Для лонгридов сделали специальный конструктор с инфоблоками и шаблонами верстки под фото и видео. В результате, по отзывам сотрудников МГАХ, временные затраты на администрирование сайта уменьшились втрое.

Появилась легкость.
Сайт оптимизирован для быстрой загрузки страниц с использованием современных форматов изображений (JPEG 2000, JPEG XR, WebP), что позволяет уменьшить время загрузки до 1,059 секунд. Это крайне важно для удержания внимания пользователей, тем более в контексте современных требований к пользовательскому опыту.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Работа с разными целевыми аудиториями.
Все, что было крайне важно для проверок и соответствия российскому законодательству, оказалось второстепенным для англоязычной версии. Пользователей из зарубежья интересуют другие вопросы: качество хореографического и общешкольного образования, безопасность, условия проживания и карьерные перспективы. Такая постановка маркетинговой задачи определила решение: для иностранных пользователей мы создали специальную версию сайта. Ее структура отличается простотой, уникальными дизайн-решениями, где важны эффектность, статус, наглядность и образы, понятные без слов. Дополнительные разделы, такие как видеоблоги студентов, информация о визах и образовательных программах, значительно обогатили контент сайта и сделали его более привлекательным. Карта мира с указанием стран, где работают выпускники, подчеркивает международную репутацию МГАХ и усиливает интерес потенциальных студентов. В результате трафик из стран Европы весной увеличился на 12%, из Северной Америки ー на 29%.

Основными пожеланиями заказчика были акцент на традиции и опыт, длиной в 250 лет. Первые тестирования показали, что до 40% пользователей не попадают в раздел об истории учебного заведения, не могут оценить его статус и не получают представления об уникальности. Чтобы это исправить, разработчики интегрировали в структуру главной страницы анимационный блок с интересными фактами об МГАХ, которые меняются после каждого скрола. В сотрудничестве с заказчиком отобрали более 20 важнейших сообщений, которые раскрывают эволюционное развитие сквозь века и подчеркивают преимущества академии. Так все посетители знакомятся с историей учебного заведения.

Прочая информация о кейсе

В результате разработчикам Morizo удалось создать эффективную и интуитивно понятную структуру сайта, превратив его в цифровое хранилище, которое значительно упростило процесс администрирования, размещения документов и верстки новостей. Реализованные современные решения соответствуют всем требованиям законодательства. При этом новый сайт успешно транслирует имидж высококлассного учебного заведения, сочетая классические каноны с инновационными подходами, что позволяет ему сохранять конкурентоспособность на образовательном рынке. Увеличение потока пользователей на 20% служит наглядным подтверждением успешности этой стратегии, открывая новые горизонты для дальнейшего развития и привлечения талантливых студентов со всего мира.

Скриншоты

Комментарий заказчика

Благодарим за совместную деятельность. За время сотрудничества ваша команда зарекомендовала себя как надежный подрядчик, способный решать сложные задачи на высоком профессиональном уровне.