Официальный сайт Московской государственной академии хореографии

Московская государственная академия хореографии (МГАХ)

— одна из ведущих и старейших мировых балетных школ, отнесенная к особо ценным объектам культурного наследия народов Российской Федерации. 

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

Выпускники Академии работают в ведущих театрах страны, в том числе — Большом театре России.

В 2023 году МГАХ отмечает юбилей - 250 лет с момента основания. Данное событие и стало поводом для нашего сотрудничества.

 

Поставлены задачи

1
Современное и имиджевое представление МГАХ: дать уместное прочтение ресурса, который, сохраняет историческое наследие и богатую историю, и при этом стремится соответствовать современным реалиям;
2
Переработка структуры и функциональности сайта: из-за большого объема представленной информации, не все страницы были легкодоступны, а некоторые и недоступны посредством базовой навигации в старом интерфейсе;
3
Модернизация сайта в соответствии с законодательными требованиями для успешного прохождения процедур контроля и мониторинга системы образования;
4
Сайт должен иметь простую и интуитивно понятную административную панель для управления большим количеством данных;
5
Реализация возможности переключения сайта на версию для слабовидящих;
6
Разработка версии сайта на английском языке с уникальной структурой и меню с целью увеличения количества иностранных студентов и повышения предметного интереса со стороны зарубежных СМИ.
Немного цифр
52 уникальных дизайн макетов;
70 инфоблоков и 12 справочников для удобного управления контентом;
Более 200 конечных страниц сайта, собранных на изначально созданных компонентах из дизайн макетов;
100% результат проверки мониторинга на соответствие методическим рекомендациям представления информации об образовательной организации высшего образования в открытых источниках с учетом соблюдения требований законодательства в сфере образования.

Проектирование

Главной особенностью проекта было большое количество ключевых категорий пользователей с разными потребностями от сайта

•  Поступающие
•  Обучающиеся Академии в возрасте от 7 лет и старше
•  Родители
•  Профессорско-преподавательский состав
•  Административный состав
•  Проверяющие органы управления
•  Зарубежные студенты  
•  Зарубежные абитуриенты

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

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

Дизайн

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

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

  • Разделение навигации для разных ролей пользователей: внешних и внутренних;
  • Использование полноэкранного видеоблока для создания максимального эффекта атмосферы театра;
  • Работа с ритмом элементов и использование ассиметричной сетки. Такой подход создает ассоциацию с балетным танцем, где сочетаются устойчивость и гибкость;
  • Благородные, спокойные и неконтрастные цвета дают ощущение "зрелости" и "консервативности", что сильно перекликается с миссией самой академии;
  • Акцент на юбилей МГАХ и историю.

Реализован интерактивный блок с фактами с привязкой к исторически важным событиям и датам. Таймлайн с краткой сводкой и фотографиями дают эффект "стола": пользователь просматривает архив записей с фотографиями.

Раздел «История и современность» представлен в виде кулис, за которым расположена «книжная полка» с более подробной историей конкретного периода времени. Такой прием с одной стороны, подчеркивает принадлежность к сцене, а с другой — отражает многовековую историю, описанную в «книгах».

Раздел «Выставки» на базе конструктора
Учитывая, что МГАХ обладает большой историей и является научно-исследовательским учреждением, перед нами была поставлена задача создать площадку для демонстрации различных онлайн-выставок, мероприятий и статей. Большой объем информации и медиа материалов необходимо «разложить» в удобный читаемый и интерактивный формат, чтобы пользователям было интересно и легко ее воспринимать
Решение:
  • Создание гибкого дизайн шаблона из блоков, которые можно выстраивать в любой последовательности, каждый раз создавая уникальную страницу;
  • Разработка «конструктора» на базе инфоблоков для удобного и интуитивно-понятного наполнения контента в системе управления сайтом. 
Результат
20 уникальных блоков, которые легко настраиваются и имеют несколько вариаций отображения (смена фона, расположение элементов, варианты размещения текста под разный объем и формат и т.д.);
Раздел наследует дизайн основного сайта, но при этом имеет свои уникальные решения;
Легкая анимация помогает фокусировать внимание пользователя при большом объеме блоков;
Такую страницу легко собрать, не имея навыков в дизайне и разработке.

Раздел «Сведения об образовательной организации»

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

  • Размещение на страницах больших таблиц с текстом, внешними и внутренними ссылками, файлами
  • Содержание на каждой странице специальной html-разметки, позволяющей однозначно идентифицировать информацию, подлежащую обязательному размещению на Сайте

 

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

Реализована версия для слабовидящих пользователей

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

Сайт для иностранных пользователей

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

Документация и обучение персонала

1
Разработан подробный документ «Методология размещения и управления информацией официального сайта», описывающий порядок работы администратора для работы в административной панели;
2
Подготовлен документ «Проектная документация», описывающий физический путь всех страниц, API и описание сущностей страницы для понимания администратора, как и где редактировать данные;
3
Проведено комплексное онлайн-обучение по работе с административной панелью и распределённой системой управления версиями – GIT.
Свяжитесь с нами, чтобы обсудить ваш проект