«ЧелГУ — это люди»: удобный и строгий сайт для классического университета

Когда летом 2025 года мы приступили к работе над основным сайтом Челябинского государственного университета, перед нами стояла задача обновить портал к 50-летнему юбилею. ЧелГУ — ведущий классический университет Южного Урала, основанный в 1976 году. Сегодня это крупный научно-образовательный центр, где обучается более 15 тысяч студентов по направлениям от фундаментальной науки и IT до медицины, лингвистики и экологии. Университет стабильно входит в топ-100 вузов России, развивает международные связи, отсюда запрос не только на традиционную английскую версию сайта, но и на китайскую.

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

30 сайтов за 8 месяцев

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

Работа над главным сайтом и его 29 «спутниками» началась в июне 2025 года и завершилась через 8 месяцев, в январе 2026-го. Только на перенос контента на новую платформу суммарно ушло около тысячи часов кропотливой работы, к которой мы привлекли команду контент-менеджеров. Мы предложили вузу две концепции дизайна: строгую и более молодёжную. ЧелГУ остановился на первой — презентабельном минимализме, который разбавили анимации и маскот университета, суслик, перебравшийся на основной сайт с выполненного нами ранее портала для абитуриентов. Кстати, в одном из самых неформальных разделов – «Студенческая жизнь» движение курсора сопровождается появлением этих зверьков и смайлов в большом количестве.

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

Главное на главном

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

Ниже размещены быстрые ссылки, выведенные в виде плиток с иконками. Мы проанализировали логи старого сайта и выявили 5–6 наиболее востребованных разделов для разных групп пользователей — именно они попали на главную. Для иностранных граждан — информация о визе, медицинском обслуживании, проживании. Для студентов — расписание занятий, звонков, экзаменов. Для всех — ссылка на Ботанический сад, визитную карточку вуза, где обитает тот самый суслик, ставший прототипом маскота. Также в актуальном — оплата обучения.

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

Ещё одна фишка дизайна хорошо видна в блоке «Полезное для каждого» — этот приём используется и в других разделах, и на сайтах факультетов. Блок условно делится на несколько плиток (аспирантам, сотрудникам, школьникам), у всех плиток белый фон (при наведении он окрашивается в синий, также в фирменную палитру входят красный и золотой), единственная плитка с фотографией не кликабельна. Так создаётся воздух, но визуальный якорь остаётся. В других блоках применяется похожий способ: несколько кружков окрашены, несколько с фото, несколько «пустых» — только с названиями.

Блок «ЧелГУ — это люди» на главной призван привлечь внимание к информации о самом университете: кто здесь учится, кто преподаёт, почему ЧелГУ — это престижно, какие есть направления подготовки. Чтобы не загромождать пространство, эта информация выведена на отдельную страницу, а на главной внимание к ней привлекает анимация — фото в виде плиток «пляшут».

Также на главной странице мы сделали акцент на кампус. Он межуниверситетский, но строится именно на территории ЧелГУ, что само по себе является безусловным преимуществом для вуза, как минимум, с точки зрения доступности для студентов. Мы показали коворкинги с мультимедийными панелями, гостиничные корпуса с продуманной инфраструктурой, аптеками и цветочными магазинами на первых этажах, а также уникальные флорариумы и палюдариумы, где будут расти тропические коллекции ботанического сада. Это создаёт объёмную картину, из которой понятно: кампус — не привычное общежитие, а современная среда для жизни и развития.

Университет активно присутствует в социальных сетях: два сообщества во ВКонтакте, представленность в двух мессенджерах, видео на RuTube. Все эти площадки обратной связи вынесены на главную страницу отдельным блоком, который появляется не только здесь, но и, например, на странице «Студенческая жизнь».

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

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

Единый стиль для 29 сайтов

Для всех 29 сайтов-спутников мы применили общий с головным порталом фирменный стиль: те же оттенки синего, красного, золотого. Для разных категорий подсайтов выбрали единые шаблоны первых экранов, расположения разделов и их наполнения. Например, у факультетов и институтов это количество обучающихся, год основания, другие ключевые цифры, студенческая жизнь, направления подготовки. Кроме того, на фоне части баннеров используется логотип университета. Таким образом, если пользователь попадает на страницу биологического факультета или института информационных технологий из поисковика, он понимает, что это подразделение именно ЧелГУ.

Жизнь после релиза

Проект реализован в установленные сроки, 30 сайтов функционируют в единой связке с унифицированной навигацией. Техническая поддержка продолжается, ведётся работа по наполнению языковых версий. Первая неделя после релиза принесла более 51 тысячи просмотров и почти 13 тысяч уникальных посетителей. Наибольшее число просмотров пришлось на главную страницу (около 8 тысяч) и разделы довузовской подготовки (около 5-6 тысяч), что говорит о высоком интересе абитуриентов. Поддомены образовательных сервисов uio.csu.ru и института информационных технологий iit.csu.ru показали глубину просмотра более 6 страниц — это значит, что студенты активно пользуются внутренними сервисами и находят необходимую информацию.

Ректор ЧелГУ Сергей Таскаев высоко оценил результат и назвал новый сайт настоящим цифровым подарком к юбилею:

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

Ссылка на сайт: https://www.csu.ru/