Дизайн сайта Новосибирского государственного университета

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

Новосибирский государственный университет — ядро Академгородка и один из самых известных исследовательских вузов России. Новый официальный сайт показывает НГУ как место поиска и открытий, где формируется сообщество сильных умов — исследователей, изобретателей и основателей технологических стартапов. Главный слоган «НГУ — наука результатов» встречает пользователя уже на первом экране и отражает основную тему всего сайта.

Новая версия сайта передаёт живую атмосферу кампуса и дух Академгородка — одного из важнейших научных и образовательных центров России. Крупная типографика, плавные анимации, вдохновляющие видео и фотографии студентов и учёных, а также выверенные тексты, созданные маркетологами университета, формируют образ НГУ как современного университета, где рождаются идеи, меняющие будущее науки и технологий.

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

После запуска новая версия сайта станет единым цифровым пространством, объединяющим все аудитории НГУ: абитуриентов, студентов, преподавателей, партнёров, исследователей и жителей Новосибирска.

Абитуриенты смогут увидеть НГУ как место с уникальной атмосферой для учёбы и жизни, где наука, культура, природа и технологии неотделимы друг от друга. Информация о поступлении будет представлена в виде понятной пошаговой инструкции. Также можно будет изучить образовательные программы, воспользоваться калькулятором ЕГЭ, узнать о подготовительных курсах, мероприятиях для школьников и построить собственную траекторию поступления.

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

Преподаватели и исследователи смогут использовать сайт как площадку для продвижения научных направлений: раздел «Наука и инновации» объединит данные о лабораториях, актуальных исследованиях, грантах, партнёрских проектах и фондах поддержки.

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

Таким образом, сайт станет интерактивным центром НГУ, который объединяет образование, науку и культуру, формируя пространство для общения, вдохновения и совместных достижений в науке и технике.

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

Перед командой Паравеб стояла задача создать новый официальный сайт Новосибирского государственного университета — современное цифровое пространство, которое отразит масштаб, академическую силу и уникальную атмосферу НГУ и Академгородка.

Старый сайт имел серьёзное технологическое наследие, множество интеграций с внутренними системами (включая самописные) и обширную базу данных. Университет предоставил доступ только к тестовой среде, ограничив работу с продуктивным сервером. Эти факторы превратили обновление в сложную инженерную задачу: необходимо было внедрить новую визуальную и UX-архитектуру, не нарушив работу действующих сервисов и не потеряв накопленный контент.

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

Затем команда провела глубокие интервью со студентами и преподавателями, чтобы понять реальные ожидания пользователей. Многие говорили, что в НГУ «сложно, но интересно» учиться, и именно это создаёт его престиж. Университет выбирают ради науки, силы сообщества и атмосферы Академгородка — эти идеи легли в основу UX-архитектуры и визуальных решений.

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

Новый сайт создан на 1С-Битрикс, с сохранением фундамента прежней архитектуры, чтобы не нарушить интеграции с базой данных и внутренними системами.

Обновлённая визуальная система, фото- и видеоконтент, прелоадер в виде анимированной снежинки — символа НГУ — и структура, сосредоточенная на трёх направлениях: «Университет», «Наука и инновации», «Атмосфера и культура», создают вдохновляющий образ университета, точно передающий дух новосибирского Академгородка.

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

Новая версия сайта была разработана на 1С-Битрикс. Ранее сайт НГУ работал с множеством интеграций с информационными системами, включая самописные, поэтому переход на новый дизайн потребовал от команды высокой гибкости и внимания к деталям. Университет предоставил только тестовый контур, без доступа к продуктивному серверу, поэтому мы выстроили процесс так, чтобы разработчики университета самостоятельно разворачивали сайт с нашими бэкапами и инструкциями.

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

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

Работа над проектом велась в тесном сотрудничестве с маркетинговым и IT-отделами университета. Нам было важно сохранить баланс между креативными задачами маркетологов, которые стремились к современному дизайну и «вау» эффекту, и техническими ограничениями архитектуры, за которые отвечала IT-команда вуза.

Основные принципы реализации:
• визуальная система, основанная на фирменной айдентике университета (включая анимированную снежинку — символ НГУ);
• акцент на простоте и скорости, чтобы сайт быстро загружался даже при большом объёме данных и видеоконтента;
• современный дизайн: крупная типографика, удобная навигация, анимации и минимализм;
• удобство: страницы факультетов и подразделений реализованы как лендинги с фиксированным боковым меню, где контакты всегда остаются на виду.

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

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

Работа над сайтом НГУ началась с проектно-аналитической сессии, в которой приняли участие ректор, руководство, сотрудники и представители подразделений университета. Совместно мы определили ключевые смыслы, которые должен транслировать будущий сайт. На основе этой сессии была разработана бренд-платформа НГУ как неотъемлемой части Новосибирского Академгородка и места, гармонично сочетающего в себе науку, инновации и технологическое предпринимательство.

Особое внимание уделили «ДНК студента НГУ». В ходе интервью со студентами мы зафиксировали, что респонденты гордятся тем, что выбрали сложный путь к науке и технологическому предпринимательству, и ценят атмосферу Академгородка. Эти наблюдения легли в основу подхода к дизайну и контенту будущего сайта.

Команда НГУ выстроила нетипичный для вуза процесс работы. Все задачи, комментарии и баги фиксировались в Jira университета. По каждому треку велась приёмка, а итоговое утверждение оставалось за ректором. Такой формат позволил синхронизировать работу большого числа участников и ускорить обратную связь.

Отдельной особенностью проекта стало взаимодействие с маркетинговой и IT-командами университета. Маркетологи стремились к яркому, эмоциональному и современному сайту, создающему «вау» эффект и вдохновляющему аудиторию, а IT-команда — к стабильности, безопасности и совместимости с существующими информационными системами. Мы объединили эти два подхода, разработав современный дизайн с анимациями и вовлекающим контентом, при этом сохранив программную архитектуру и надёжность решений.

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

Текущая доступность работы

http://ngu-main-frontend.paraweb.pw/

Скриншоты

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

ФГАОУ ВО «Новосибирский национальный исследовательский государственный университет» выражает благодарность ООО «Паравеб» за выполнение работ по созданию нового официального сайта университета. Разработанное решение в полной мере отражает научный и инновационный профиль НГУ, а также особенности расположения в Академгородке. Проект способствует укреплению репутации университета как одного из ведущих исследовательских центров Российской Федерации. Отмечаем высокий профессионализм исполнителя, оперативное реагирование на замечания и глубокое понимание специфики деятельности высшего учебного заведения.