Главное о кейсе
Национальный исследовательский университет «МИЭТ» — ведущий технический вуз России в области микро- и наноэлектроники, телекоммуникаций и IT. Новый сайт отражает статус МИЭТа как современного инженерного центра с сильным образованием, наукой и инновационным предпринимательством.
Мы стремились показать университет как живую технологическую среду, где обучаются и живут инженеры будущего. Новый интерфейс объединяет чистый дизайн, яркую фирменную палитру и современную архитектуру, благодаря которой пользователи любого уровня — от абитуриента до сотрудника — находят нужную информацию за секунды.
На данный момент сайт находится на финальной стадии разработки, и в скором времени будет доступен для всех пользователей вуза.
Как проект изменил жизнь пользователей
Сайт станет современным центром коммуникации между университетом и его аудиториями в онлайн-среде.
Абитуриенты увидят МИЭТ как современный технологический вуз: на основном сайте можно пройти онлайн-тур по кампусу, изучить направления подготовки и подать заявление онлайн.
Студентам обеспечен быстрый доступ ко всем ключевым сервисам: расписанию, образовательной электронной среде, цифровым ресурсам, центру карьеры, спортивным секциям и проч.
Для преподавателей и исследователей созданы разделы о науке и инновациях с информацией о грантах, лабораториях и фондах поддержки.
Индустриальные партнёры и заказчики могут ознакомиться с инфраструктурой, проектами и результатами НИОКР, что упростит поиск направлений для сотрудничества.
Структура сайта разработана на основе интервью с представителями факультетов и студентами, поэтому логика и навигация ресурса опираются на реальные ожидания и сценарии пользователей.
Бизнес-задача и ее решение
Основной целью команды Паравеб было создание нового современного сайта МИЭТ, отражающий суть и ключевые преимущества технического вуза.
Мы видели перед собой следующие задачи:
1. Обновить устаревший сайт.
2. Сохранить внушительную базу новостей и интеграций, не потеряв данные.
3. Запустить удобный конструктор для работы с контентом, чтобы представители вуза могли самостоятельно его наполнять и редактировать, без необходимости привлечения программистов.
4. Повысить вовлечённость и медиарейтинг сайта.
Решение:
• Перенесли проект на 1С-Битрикс — надёжную, гибкую систему с возможностью визуального редактирования.
• Поскольку университет предоставил доступ только к тестовой среде, мы подготовили бэкап и инструкции, чтобы сотрудники вуза могли самостоятельно развернуть сайт.
• Миграция данных — кропотливый процесс: старый сайт имел обширную базу новостей и множество самописных модулей, которые нельзя было просто выгрузить и перезалить. Мы аккуратно проводили рефакторинг и адаптацию к современному окружению без доступа к физическому серверу, итеративно заливая обновления силами ИТ-команды вуза.
• Структура контента выстроена по результатам обширного исследования потребностей целевых аудиторий. Мы изучали опыт других российских вузов, проводили UX-интервью с сотрудниками и студентами 1–3 курсов.
Теперь сайт МИЭТ отражает уникальность и престиж одного из сильнейших технических вузов страны.
Крафт (мастерство), реализация, технические детали
Архитектура и интеграции с ИС
Сайт разработан на платформе 1С-Битрикс с использованием компонентной системы. Основной вызов заключался в том, чтобы встроить новую визуальную и UX-архитектуру в старое «легаси», не нарушив существующие интеграции и связь с базой данных. Мы сохранили фундамент, аккуратно добавив новые компоненты и визуальные решения.
Переход от самописной CMS
Старая версия сайта не позволяла обновлять контент без участия IT-специалистов. Теперь сотрудники университета могут самостоятельно создавать новые разделы, лендинги и подсайты с помощью конструктора.
Миграция данных и работа с контентом
Ранее страницы образовательных программ дублировались на основном сайте и на портале абитуриента, при этом различались по оформлению и содержали устаревшую информацию. Мы создали единую структуру, объединили данные и сделали так, что теперь страницы программ открываются на основном сайте, обеспечивая единый источник актуальной информации.
UX-исследование
В ходе интервью со студентами выяснилось, что им ближе сайты с минималистичным дизайном, крупным шрифтом и высокой скоростью загрузки. Это изменило наш подход: мы упростили визуальный язык, сосредоточившись на логике, архитектуре и производительности.
Видеоконтент
Студенты отмечали, что часто смотрят видеолекции преподавателей и предпочитают именно формат видео. Хотя контент-продакшн изначально не входил в контракт, мы спродюсировали серию видео специально для сайта, усилив вовлеченность.
Адаптивность и производительность
Разработка сайта МИЭТ выполнена с учётом корректного отображения на мобильных устройствах и стабильной работы даже при пиковых нагрузках во время приёмной кампании.
Визуальная концепция сайта строилась вокруг идеи технологичности и современности. Геометрия, динамичные линии и мотивы микросхем отразили инженерную природу МИЭТа. Фирменный синий цвет стал символом академичности и надёжности, а яркий оранжевый добавил энергии и закрепился как цвет приёмной кампании и акцентный цвет нового официального сайта. Вместе они стали визуальным кодом, который сразу ассоциируется с университетом.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
Инсайты:
• Предпочтения студентов в дизайне отличалось от изначального ожидания команды. Студенты ценят простоту и функциональность выше сложности и уникальности интерфейса.
• Возможность редактировать сайт и создавать разделы и подсайты без привлечения программистов — критический фактор для вуза. Поэтому командой Паравеб был разработан конструктор, на основе которого можно создавать подразделы и подсайты без привлечения специалистов.
Гипотезы:
• Унификация страниц образовательных программ повысит SEO и медиарейтинг.
• Видеоконтент улучшит вовлечённость абитуриентов и студентов — подтверждено на тестах.
• Работа с заказчиком:
Университет предоставил тестовый контур, без доступа к продуктивному серверу, поэтому внедрение шло итеративно: мы создавали обновления, передавали бэкапы и инструкции, а разработчики вуза устанавливали их.
Это требовало высокой точности и постоянного обмена данными между командами. Также командой университета был разработан новый фирменный стиль МИЭТ, на основе которого команда Паравеб разработала стиль для основного сайта и всех подсайтов вуза.
Проект стал примером продуктивной совместной работы между университетом и командой подрядчика.
Текущая доступность работы
На данный момент доступ к сайту осуществляется по ссылке:
https://miet.24.sipc.miet.ru/
Скриншоты
Комментарий заказчика
ФГБОУ ВО «Национальный исследовательский университет «МИЭТ» выражает признательность ООО «Паравеб» за разработку официального сайта университета. Исполнитель продемонстрировал глубокое понимание стратегических задач вуза и предложил решения, соответствующие инженерной направленности МИЭТ. В процессе реализации проекта обеспечены высокий уровень координации, соблюдение согласованных сроков и учёт внутренних регламентов университета.