Университет

Основной сайт ТулГУ: чистота линий и изящество форм

Основной сайт ТулГУ: чистота линий и изящество форм

В конце 2024 года к нам обратился Тульский государственный университет. Действующий сайт вуза уже имел продуманную структуру, логичную навигацию и удобное размещение контента — поведенческие метрики и посещаемость это подтверждали. Однако заказчику хотелось большего: «освежить» визуал, сделать его современнее и привлекательнее. Так родилась задача провести «ювелирный» редизайн: сохранить всё, что работает, и добавить эстетики, найдя баланс между строгим минимализмом и актуальными веб-трендами.

2-сайт.png

Контекст

Тульский государственный университет — один из крупнейших вузов Центральной России. Основанный в 1930 году, к моменту нашей работы он отметил 95-летие. Сегодня здесь обучается более 20 000 студентов из 70 стран мира по 144 направлениям и специальностям — от оборонных и инженерных технологий до IT, медицины и гуманитарных наук. С 2021 года ТулГУ участвует в программе «Приоритет 2030» и ориентирован на международную аудиторию: сайт вуза доступен на английском, арабском, вьетнамском и испанском языках. Имея такой масштаб и статус, университету важно, чтобы цифровое лицо выглядело соответствующе. 

3-сайт.png

Контакт

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

3-сайт-1.png

Сквозная визуальная метафора сайта — шестерёнка как символ настроек и инженерной школы университета. Она появляется в разных ипостасях: иконка-стрелка для перехода, элемент рамки, выделяющей фото, кнопка «Play» в видео. Разделы с фотографиями сотрудников оформлены в виде карточек из картотеки с визуально выделенными уголками.

4-сайт.png

На главную вынесен «Календарь событий» с удобной сортировкой по дате, секции и типу мероприятия. Блок о кампусе включает небольшое видео (кнопка запуска — снова шестерёнка) и ссылку на профильную страницу. Раздел «ТулГУ сегодня» — лаконичные карточки с ключевыми цифрами. Самый яркий баннер «Стань частью университета» посвящён поступлению: при клике абитуриент попадает на подсайт с направлениями подготовки. Оформление — чёрно-белые кликабельные карточки с иконками специальностей: подъёмный кран для строительства, микроскоп для естественных наук, книга для гуманитарных.

7-сайт.png

Блок «Проектная деятельность» сделан сквозным для большинства страниц — зайдя, например, в раздел «Об университете», пользователь видит знакомый набор карточек. Так важная информация «догоняет» аудиторию на разных уровнях. Завершающий блок — «Жизнь университета» — визуальный навигатор по самым востребованным разделам: от поступления и кампуса до науки, студенческой жизни, спорта и библиотеки.

Контент

5-сайт.png

Для основного сайта ТулГУ мы подготовили тексты об истории университета (страница «Об университете») и его программе развития (баннер на главной). История оформлена в виде слайдера с закладками по годам: исторические фото чередуются с изображением ТулГУ образца 1930 года — к 95-летию вуза. Листать можно стрелками или кликом по конкретному году.

6-сайт (второй вариант).png

Над блоком истории — информация о том, кого университет готовит сегодня. Для перечня профессий мы использовали акцидентную типографику: фразы «Университет готовит» и «А ЕЩЁ» набраны крупно, а список специальностей — строгими заглавными буквами без маркеров, в едва заметной рамке. Это создаёт ритм и позволяет быстро сканировать информацию.

В разделе «Программа развития Тульского государственного университета на 2021–2030 годы» мы выделили цели, задачи и миссию, а также стратегические проекты: «Перспективное вооружение», «БиоХимТех», «Композит». Пользователь может прочитать превью в карточках или перейти на страницы с подробным описанием. Здесь же собраны новости, документация по теме и команда вуза (от ректората до проектного офиса). Остальной контент — образовательные программы, новости, документы — наполняла команда университета.

Контраст

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

5-сайт-1.png

Сегодня сайт ТулГУ работает на той же архитектуре, но с обновлённым лицом. Мы продолжали авторский надзор в течение 2025 года, помогая с тестированием и мелкими доработками. Серьёзных сложностей не возникло. Проект стал примером того, как можно освежить цифровое присутствие без глобальной перестройки — чистота линий, изящество форм и аккуратные визуальные акценты.

Адрес сайта — https://tulsu.ru/