Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
MACHAON
МИТУ-МАСИ
MACHAON
#Сайт под ключ

МИТУ-МАСИ

406 
MACHAON
MACHAON Россия, Москва
Поделиться:
МИТУ-МАСИ
Клиент

МИТУ-МАСИ

Бюджет

1

Сфера

Обучение

Регион

Россия

Тип сайта

Корпоративный сайт

Сдано

Март 2021

Задача

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

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

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

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

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

Решение

Задачи:

1. Кардинально обновить дизайн.

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

3. Структурировать контент, сделать его более легким для восприятия.

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

5. Показать график поступления.

6. Реализовать структуру управления контентом, удобную для контент-менеджеров сотрудников Университета.

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

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

1Дизайн

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

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

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

2Структура сайта

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

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

3Институты

МИТУ-МАСИ объединяет 4 института:

1. Московский архитектурно-строительный институт

2. Театрально-педагогический институт

3. Институт цифровых технологий

4. Институт управления и права

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

4Программы обучения

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

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

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

- Текстовое описание программы

- Возможность подать заявку

- Возможность скачать образец договора

- Контактная информация кафедры и приемной комиссии

- Перечень вступительных испытаний, навыков после окончания, преимуществ обучения в институте

- Список преподавателей и похожих программ обучения

- Новости, часто задаваемые вопросы и партнеры

5Календарь приема

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

6Версия для слабовидящих

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

7Интеграции

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

2. Настроена интеграция с микросервисом, обрабатывающим заявки на обучение, который отправляет их в сервис Электронной приемной комиссии и в 1С-Битрикс24 Энтерпрайз Заказчика.

8Стек-технологий

Backend: 1С-Битрикс

Frontend: Vue / SASS

Инфраструктура: GitLab / Docker

Интеграции: REST API

Результат

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

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

https://mitu-masi.ru/

Стек технологий


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

Хотите заказать похожий проект?

MACHAON с удовольствием обсудит вашу задачу

Оставить заявку