Как мы создали сайт для лидера в сфере нефтегазового образования

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

Аналитика и аудит: точка отсчета

Проект стартовал с масштабной аналитики. Мы изучили более 100 сайтов вузов — от топовых российских до зарубежных (MIT, TU Delft, Imperial College). Выявили их слабые и сильные стороны, сформировали список функций и ошибок, которые не стоит повторять. Параллельно провели интервью с представителями всех аудиторий: абитуриенты, студенты, преподаватели, сотрудники, партнеры.

На основании анализа построили профили целевых пользователей и описали ключевые пользовательские сценарии. В рамках UX-исследования была сформирована Customer Journey Map, отражающая все возможные взаимодействия посетителя с ресурсом.

Информационная архитектура: пересобрать хаос

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

К UX-проектированию подключился отдельный специалист: описали User Flow и User Stories для всех сценариев (от подачи документов до публикации научной работы), что легло в основу прототипов.

Дизайн: второй заход оказался победным

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

В результате появился UI-дизайн с акцентом на легкость, прозрачность и доступность, но без потери авторитета. Был создан UI-kit и дизайн-система на 100+ экранов, что позволило ускорить верстку и стандартизировать все компоненты. Особое внимание — читабельности, акцентам на навигацию и работе с интерактивными элементами.

Разработка: на уровне цифровых платформ

Разработка велась на Symfony с применением Server-Side Rendering и API-модулями. Это обеспечило быструю загрузку, удобство для SEO и гибкость будущей интеграции с внешними сервисами.

Особое внимание — системе управления контентом. Мы разработали:

• администрирование с ролевой системой доступа (для кафедр, модераторов, деканатов);
• визуальный конструктор страниц (аналог Tilda), включающий шаблоны блоков (таблицы, галереи, сотрудники, документы и др.);
• систему дашбордов и уведомлений для главного редактора.

Также успешно перенесли 10 000+ материалов с предыдущего сайта, сохранив URL-структуру, метаданные, иллюстрации и вложения. Миграция прошла без потерь и с учетом SEO-переадресаций.

Человеческий фактор и неожиданные повороты

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

Что особенно важно

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