Кейс: сайт Финансового университета при Правительстве РФ
Новый сайт Финансового университета — это современный ресурс, который сочетает в себе функциональность, эстетичность и ориентацию на пользователей. Помимо основного ресурса, сайтов подразделений и филиалов, мы разработали инструмент, с помощью которого сотрудники вуза могут самостоятельно управлять переданными сайтами и создавать новые.
Основные проблемы предыдущего сайта
- Трудности с поиском информации и сложный пользовательский путь
Меню находилось в разных частях главной страницы, что создавало путаницу. Чтобы найти нужную информацию, приходилось совершать множество лишних действий.
- Избыток текстов и баннеров
Тексты выглядели как сплошное полотно, не разделенное на абзацы, что затрудняло восприятие. Информация не была адаптирована под нужды современных студентов и абитуриентов. Баннеры, несмотря на информативность, были стилистически несогласованными и создавали визуальный шум.
- Неочевидные кнопки
Например, элементы интерфейса в цветах государственного флага не воспринимались как кнопки, из-за чего пользователи пропускали важные разделы.
- Разрозненный дизайн и разнородные технологии
Визуальный стиль основного сайта и сайтов подразделений не соответствовал единому бренду вуза. Также сайты были разработаны на разных технологиях, что существенно усложняло их администрирование и поддержку.
- Отсутствие мобильной версии
У сайтов не было адаптивного дизайна, поэтому их было сложно просматривать с мобильных устройств.
Как новый сайт изменил жизнь пользователей
Теперь сайт Финансового университета поддерживает его имидж, усиливает вовлеченность аудитории и обеспечивает доступ к образовательным, научным и карьерным возможностям.
Для студентов обновленный сайт стал источником комплексной информации — от расписания занятий до возможностей практики и трудоустройства. Абитуриенты получили доступ к интерактивным материалам, календарю мероприятий и подробной информации о поступлении. Выпускники могут оставаться на связи с вузом через ассоциацию и участвовать в карьерных проектах. Сотрудникам предоставлены инструменты для управления контентом и решения административных задач, что упрощает их работу и позволяет эффективно распределять обязанности.
Структура
Новый вариант меню более понятный для целевой аудитории, поскольку ориентирован на ее ключевые потребности. Структура состоит из разделов, которые пользователи интуитивно ищут на ресурсах университетов. Их подразделы содержат более глубокую и детальную информацию. Интеграция перекрестных ссылок между ними упростила навигацию.
Главная страница служит точкой входа, с которой пользователь сразу получает общее представление о миссии, ценностях и основных предложениях вуза. Крупный слайдер в верхней части страницы акцентирует внимание на актуальных новостях, достижениях и мероприятиях, таких как запуск инновационных образовательных программ или ключевые события из жизни университета. Это создает эффект вовлечения и выделяет динамичный характер учебного заведения.
Цифры и статистика на главной убеждают в качественности образования и успешности университета. Информация о рейтинге вуза, числе студентов, факультетах и программных направлениях может заинтересовать потенциальных студентов и их родителей.
Для абитуриентов выделен целый блок с информацией о поступлении, днях открытых дверей и контактами приемной комиссии. Подробное описание образовательных программ, включая стоимость, сроки обучения и формы подачи заявлений, делает сайт инструментом, который позволяет абитуриенту принять осознанное решение о поступлении.
Факультеты, кафедры и филиалы представлены через интерактивные страницы с подробным описанием направлений обучения, научных исследований и контактов. Каждый филиал имеет собственную страницу с адресом, контактной информацией и расписанием работы. Это подчеркивает масштабность университета и его широкое присутствие в регионах.
Раздел для студентов организован так, чтобы удовлетворять потребности учащихся на всех этапах обучения. Здесь есть расписание занятий, ссылки на электронные сервисы, библиотечные ресурсы и другие полезные инструменты.
Сайт уделяет большое внимание выпускникам. В отдельном разделе для них указана информация об ассоциации выпускников, возможности трудоустройства и участие в наставничестве. Это отмечает важность долгосрочных отношений между вузом и его выпускниками.
Ученый совет университета представлен как ключевой орган, направляющий стратегическое развитие учебного заведения. На странице есть контактные данные и фотографии ответственных сотрудников, что делает руководство вуза более открытым.
Также сайт включает разделы пресс-центра и научных исследований, ориентированные на научную и методическую деятельность вуза. Подробное освещение новостей и мероприятий создает ощущение вовлеченности всех участников образовательного процесса.
Дизайн
Стиль сайта напоминает государственные ресурсы, что верно, ведь вуз — это государственное учреждение. Строгость дизайна в данном случае демонстрирует статусность учебного заведения. Сетка интерфейса выделяет ясную и геометрическую структуру. Это обеспечивает удобство при просмотре и позволяет пользователям легко ориентироваться на сайте.
Цветовая палитра соответствует брендбуку университета. Она включает официальные цвета — акцентный голубой (для выделения ключевых элементов и важной информации), синий и белый. Это создает узнаваемость и привязывает пользователя к бренду. Также к этим оттенкам мы добавили серый, который ассоциируется с надежностью, профессионализмом и престижем. Для темной темы выбрали более яркие цвета, которые не сливаются с темным фоном и комфортны для глаз в ночное время. В обоих темах цвета фона, текста и элементов управления смотрятся гармонично.
На сайте используется крупная типографика. Шрифт Golos с хорошей читаемостью облегчает восприятие большого количества серьезного контента. Его современный и формальный вид особенно актуален для Финансового университета, стремящегося к актуальному визуальному стилю. У шрифта есть разные варианты начертания, что позволяет разнообразить дизайн и сделать акцент на важные элементы.
Интуитивные иконки навигационного меню и кнопок помогают выделить различные разделы и функциональность сайта. Анимации используются для плавных переходов между разделами и элементами страницы, придавая сайту динамичность и привлекательность. Адаптивная версия для слабовидящих подчеркивает внимание к деталям и заботу о пользователях.
Контент
В процессе разработки мы столкнулись с рядом сложных задач. Важным этапом стала адаптация блоков для разных целей и согласование их структуры с разными подразделениями университета. Особое внимание мы уделили унификации контента для филиалов и созданию адаптивной верстки, которая обеспечит корректное отображение сайта на всех устройствах.
Контентная составляющая была полностью переработана:
- Созданы удобные инструменты для публикации информации, включая биржу проектов, вакансии и раздел для партнеров.
- Разработана библиотека изображений, содержащая нейтральные и профессиональные визуальные материалы — баннеры, карточки и другие элементы, гармонично сочетающиеся с дизайном сайта.
- Интегрированы механизмы опросов и анкетирования, позволяющие быстро и эффективно собирать обратную связь от пользователей.
Конструктор сайтов
Мы разработали решение, которое позволяет создавать сайты для разных целей — начиная с одностраничного сайта мероприятия и заканчивая сайтом подразделения со своей структурой и большим объемом контента. Такой подход оказался особенно актуален для Финансового университета, который насчитывает 27 филиалов, участвует в федеральных программах и проводит множество мероприятий.
Наше решение полностью соответствует фирменному стилю университета: дизайн базируется на брендбуке (логотипы, цвета, шрифты и паттерны). Благодаря этому каждый сайт сохраняет визуальную целостность и узнаваемость.
Функционал платформы обеспечивает активное взаимодействие с пользователями — онлайн-чаты, интеграция с социальными сетями и мессенджерами, email, формы обратной связи, подписка на новости, сбор отзывов и проведение опросов.
Для обеспечения стабильной работы мы внедрили кластерную серверную архитектуру, которая выдерживает высокие нагрузки, например, в периоды массовых посещений.
Сайт интегрирован с внутренними системами университета (1С, CRM, данными об образовательных программах и др.), что упростило процесс обновления данных. Автоматизация ускоряет внесение изменений и исключает ошибки.
Решение построено на CMS 1С-Битрикс, лидере российского рынка систем управления сайтами. Ее ключевые преимущества:
- Быстрая разработка
Создание сайта университета — от 3 месяцев, создание подсайтов для подразделений, мероприятий и прочего — от нескольких дней.
- Информационная безопасность
Все подсайты объединены одной панелью администратора. С ее помощью удобно отслеживать обновления веб-окружения, риски и степень защиты. Доступ к системе управления контентом может быть децентрализованным — каждое подразделение сможет вносить изменения только на своем подсайте.
Платформа имеет модуль проактивной защиты с антивирусом. В процессе работы настраивается журнал угроз, с помощью него система будет видеть атаки на сайт и блокировать их.
- Структура и порядок
Все данные четко структурированы, хранятся в одном месте и не будут утеряны даже в случае увольнения сотрудников и смены команды.
- Самостоятельное обновление
Сотрудники вуза могут создавать новые разделы и заполнять всю необходимую информацию, а также создавать подсайты без привлечения программистов. С помощью специального модуля можно проводить мониторинг качества кода и тестирование системы, отслеживать модификации.
- Продвижение
Решение с экосистемой сайтов университета оказывает положительное влияние на показатель «Сайт» в медиарейтинге. М-рейтинг — первый официальный рейтинг медиа-активности вузов России. Он учитывает эффективность работы университетов в медийном пространстве. Все подсчеты ведутся на основании данных, которые можно получить в общедоступных метриках. Всего в M-рейтинге их 57. Сводный рейтинг вуза формируется из трех основных показателей: СМИ, социальные сети, сайт. Показатель эффективности работы вуза с сайтом учитывает такие факторы, как аудитория сайта, время, которое пользователи проводят на нем, количество посещений за месяц, а также показатели отказов.
- Персональное обучение
Обучение сотрудников вуза работе с панелью администратора, созданию подсайтов, оптимизации и прочему.
Обучение более 300 сотрудников Финансового университета стало важной частью реализации данного проекта. Это позволило эффективно распределить обязанности по управлению содержимым сайта и его подсайтов. За каждым сотрудников был закреплен свой участок работы, что повысило общий уровень эффективности.
- CRM
При разработке сайта на решении также возможна интеграция с внутренними сервисами ву��а, сегментация пользователей, подробный анализ проведенных приемных и маркетинговых кампаний. Интеграцию вуз может настраивать самостоятельно при помощи своих программистов или обратиться за помощью в Паравеб.
Ссылка на сайт: https://www.fa.ru/