МИТУ-МАСИ

Официальный сайт Университета

МИТУ-МАСИ
клиент
Московский информационно-технологический университет — Московский архитектурно-строительный институт
сотрудничество
с 2012 года
что сделали
Аудит, проектирование, UX/UI дизайн, front-end, back-end разработка, тестирование, развитие и поддержка
дата запуска
март 2021
masi.ru
О клиенте

Московский информационно-технологический университет — Московский архитектурно-строительный институт (МИТУ-МАСИ) является одним из ведущих негосударственных вузов Москвы по творческим и прикладным направлениям в сфере науки и образования.

МИТУ-МАСИ объединяет профессионалов и студентов, традиции отечественной и европейской школ, стараясь заимствовать лучшее из каждой, и является уникальной площадкой для профессионального роста.

Проблематика

Учебное заведение, которое выпускает специалистов в том числе в области UX/UI дизайна, архитектуры зданий и сооружений, государственного и муниципального права, должно иметь образцово-показательный, современный ресурс, отражающий высокую квалификацию его экспертов. Прежний сайт Университета морально устарел.

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

Кроме этого, в МИТУ-МАСИ за последнее время произошла реструктуризация, в состав вошли еще три ВУЗа.

Таким образом, требовался новый сайт, который бы стал новым лицом объединенного Университета.

Особенностью проекта является высокий уровень независимости принятия решений со стороны команды Махаон. Нам ставили цель, а способы достижения и промежуточные решения оставались за самой командой. Это помогло нам в разы сократить сроки реализации и в очередной раз показать компетентность в сегменте разработки EdTech-проектов. Евгений Околита, руководитель проекта
Евгений Околита руководитель проекта
Цель

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

Задачи
  1. Кардинально обновить дизайн.
  2. Создать понятную структуру информации для абитуриентов, студентов, преподавателей, партнеров об Университете и институтах, которые входят в него.
  3. Структурировать контент, сделать его более легким для восприятия.
  4. Наглядно представить программы обучения с возможностью подать заявку на обучение.
  5. Показать график поступления.
  6. Реализовать структуру управления контентом, понятную для контент-менеджеров сотрудников Университета.
Решение

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

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

Главная страница
Главная страница
Дизайн

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

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

Адаптивная версия

Сайт МИТУ-МАСИ имеет адаптивную версию, корректно отображается на любых устройствах: десктоп, планшет, смартфон, и во всех актуальных браузерах, в том числе Internet Explorer 11.

Главная на мобильном устройстве
Главная на мобильном устройстве
Структура сайта

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

На новом сайте удобный лаконичный интерфейс. Студенты и абитуриенты быстро могут найти нужный раздел и информацию.

Структура сайта
Структура сайта
Структура сайта
Структура сайта
Программы обучения

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

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

Каждая программа обучения имеет отдельную страницу с подробной информацией и необходимым функционалом:

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

Мы реализовали удобный сервис «Календарь приема», в котором можно посмотреть расписание подготовительных программ, приема документов на очное/заочное обучение.

Календарь приема
Календарь приема
Версия для слабовидящих

Создали версию для слабовидящих, которая соответствует ГОСТу и имеет звуковое сопровождение.

Версия для слабовидящих
Версия для слабовидящих
что в итоге

Благодаря Agile-подходу параллельные этапы ускорили запуск проекта.

Мы разработали и запустили современный сайт Университета с абсолютно новым дизайном и структурой, отвечающий всем требованиям и закрывающий все основные задачи заказчика.

результат masi.ru
стек технологий
Figma
Bitrix
PHP
Vue
SASS
GitLab
Docker
REST API
Интеграции
  • на сайте интегрировали модуль vikon, основная задача которого — помощь образовательным организациям в прохождении процедур мониторинга, контроля и надзора в части размещения информации на официальном сайте
  • настроили интеграцию с микросервисом, обрабатывающим заявки на обучение, который отправляет их в сервис электронной приемной комиссии и в 1С-Битрикс24 Энтерпрайз заказчика

Хотите также?

или свяжитесь напрямую telegram
можно почтой info@machaon.ru
москва
Дмитровское 100, стр. 2
+7 499 755 62 98
киров
Московская 25г
+7 8332 35 18 86

Еще

Фон
Фон
Фон
Фон
Фон
Фон
Фон
Фон
Фон
Смотреть все 90+