Официальный сайт Финансового университета при Правительстве РФ

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

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

Мы разработали основной сайт Финансового университета, сайты подразделений, филиалов и создали инструмента, благодаря которому переданными сайтами не только просто управлять самостоятельно, но и с его помощью без труда, особых навыков и длительного обучения закрывать будущие потребности в сайтах.


The Financial University website is a modern resource that combines functionality, aesthetics and user orientation. It plays an important role in maintaining the university's image, increases audience engagement and provides access to educational, scientific and career opportunities.

We developed the main website of the Financial University, department and branch websites and created a tool that not only makes it easy to manage the transferred websites independently, but also allows you to cover future website needs without any effort, special skills or lengthy training.

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

Прошлый сайт Финансового университета отличала недружелюбная к пользователю структура:

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

Недостатки веб-окружения:

- разный дизайн сайтов, в которых не читается бренд университета;
- отсутствие мобильной версии у ряда сайтов;
- сайты созданы на разных технологиях, поэтому их администрирование требует больших усилий.

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

Сотрудникам предоставлены мощные инструменты для управления контентом и решения административных задач, что упрощает их работу и позволяет эффективно распределять обязанности.


The previous website of the Financial University had an unfriendly structure:

- it is unclear where to look for important information: the menu is located in different parts of the main page;
- the user's path is complicated: in order to find the necessary information on the site, he has to perform a large number of actions;
- an excess of texts that are not adapted to the needs of modern students and applicants: the texts look like a single canvas, not divided into meaningful paragraphs;
- an excess of banners that create visual noise: although the banners illustrate sections that are important to users, they do not match in style at all;
- non-obvious buttons, due to which users miss important information: for example, buttons in the colour scheme of the national flag.

Disadvantages of the web environment:

- different site designs, in which the university brand is not legible;
- lack of a mobile version for a number of sites;
- sites are created using different technologies, so their administration requires a lot of effort.

For students, the updated website has become a source of comprehensive information, from class schedules to internship and employment opportunities. Applicants have gained access to interactive materials, an events calendar, and detailed information about admission. Graduates can now stay in touch through the association, participate in career projects, and interact with the university. Employees and teachers appreciate the convenience of sections dedicated to methodological materials and corporate tasks.

Employees are provided with powerful tools for content management and solving administrative tasks, which simplifies their work and allows for the effective distribution of responsibilities.

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

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

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

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

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

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

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

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

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

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

Дизайн сайта выделяется минималистичным и профессиональным стилем. Сетка интерфейса подчеркивает ясную и геометрическую структуру. Это обеспечивает удобство при просмотре и позволяет пользователям легко ориентироваться на сайте. В целом, стиль сайта напоминает государственные сайты, что верно, ведь вуз — это государственное учреждение. Строгость дизайна в данном случае демонстрирует статусность учебного заведения.

Цветовая палитра сайта соответствует брендбуку Финансового университета. Она включает в себя официальные цвета бренда, такие как акцентный голубой (для выделения ключевых элементов и важной информации), синий и белый. Это создает узнаваемость и привязывает пользователя к бренду. Также к этим оттенкам был добавлен серый, который ассоциируется с надежностью, профессионализмом и престижем. Для темной темы выбраны более яркие цвета, которые не сливаются с темным фоном и комфортны для глаз в ночное время. В обоих темах цвета фона, текста и элементов управления смотрятся гармонично.

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

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

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

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

Контентная часть сайта была существенно переработана. Созданы удобные инструменты для публикации информации, такие как биржа проектов, вакансии и раздел для партнеров. Для улучшения визуальной составляющей разработали библиотеку изображений, где представлены нейтральные и профессиональные материалы, включая баннеры и карточки. Были также интегрированы механизмы опросов и анкетирования, что позволило эффективно собирать обратную связь.

First of all, the site should have logical and convenient navigation so that users can easily and quickly find important information. The new menu option is more understandable for the target audience, as it is focused on their key needs. The structure consists of clear sections that users intuitively search for on university resources. Their subsections contain deeper and more detailed information. The integration of cross-links between sections has simplified navigation.

The main page of the site serves as an entry point from which the user can immediately get a general idea of the mission, values, and main offers of the university. A large slider at the top of the page focuses on current news, achievements, and events, such as the launch of innovative educational programs or key events in the life of the university. This creates an effect of engagement, and also emphasizes the innovative and dynamic nature of the educational institution.

The numbers and statistics on the main page convince of the quality of education and the success of the university. Such a section can be an effective way to attract the attention of site visitors. For example, information about the university’s ranking, student population, departments, and program areas may be of interest to potential students, parents, and others.

The student section is organized to meet the needs of students at all stages of their education. It features class schedules, links to online services, library resources, and other useful tools. Interface elements such as large icons and a structured menu make navigation clear, allowing students to quickly find the information they need.

The site pays great attention to alumni. A separate section for them provides information about the alumni association, employment opportunities, and mentoring. This emphasizes the importance of long-term relationships between the university and its alumni, creating a community of professionals who continue to support each other.

There is a whole block for applicants with information about admission, educational programs, open days, and contacts of the admissions committee. A detailed description of educational programs, including costs, study periods, and application forms, makes the site a tool that helps applicants make an informed decision.

Faculties, departments, and branches are presented through interactive pages with detailed descriptions of areas of study, research and contacts. Each branch has its own page with address, contact information and opening hours. This emphasizes the scale of the university and its wide presence in the regions.

The Academic Council of the university is presented as a key body guiding strategic development. The page contains contact details and photos of responsible employees, which makes the university management accessible and open. Detailed coverage of news and events creates a sense of involvement of all participants in the educational process.

The site also includes sections focused on scientific and methodological activities, such as the press centre and the research page. This emphasizes the importance of university science and commitment to innovation. The materials are structured in such a way as to meet the needs of both professionals and a wide audience.

The design of the site stands out for its minimalist and professional style. The interface grid emphasizes a clear and geometric structure. This ensures ease of browsing and allows users to easily navigate the site. In general, the style of the site resembles government sites, which is true, because the university is a government institution. The strictness of the design in this case demonstrates the status of the educational institution.

The colour palette of the site corresponds to the brand book of the Financial University. It includes the official colours of the brand, such as accent blue (to highlight key elements and important information), blue and white. This creates recognition and ties the user to the brand. Gray, which is associated with reliability, professionalism and prestige, was also added to these shades. For the dark theme, brighter colours were chosen that do not merge with the dark background and are comfortable for the eyes at night. In both themes, the colours of the background, text and controls look harmonious.

A clear structure, the use of contrasting elements and convenient functions, such as search and an adaptive version for the visually impaired, emphasize attention to detail and care for users. The bottom of each page contains links to the main sections, contact information and navigation elements, making it easier to find the information you need.

The website uses large typography. The Golos font has good readability, which is important for a university website, as it facilitates the perception of a large amount of serious content. This font has a modern and formal look, which is especially relevant for the Financial University, which strives for a modern visual style. The font has different styles, which allows you to diversify the design of the site and highlight important elements. This font is recommended for use on government websites in the official [design system](http://gov.design/).

The navigation menu and buttons have intuitive icons. They help to visually highlight the various sections and functionality of the site. Animations are used for smooth transitions between sections and page elements, give the site dynamism and attractiveness, and animations are also used when hovering the cursor over buttons and links.

The development of the site required solving many complex problems, including adapting blocks for different purposes, coordinating their structure with different departments and ensuring scalability. Particular attention was paid to unifying content for branches and creating an adaptive layout that ensures correct display of the site on all devices.

The content part of the site was significantly redesigned. Convenient tools for publishing information were created, such as a project exchange, vacancies and a section for partners. To improve the visual component, an image library was developed, where neutral and professional materials are presented, including banners and cards. Survey and questionnaire mechanisms were also integrated, which allowed for effective feedback collection.

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

Мы разработали решение, которое позволяет создавать веб-ресурсы для самых разных целей, начиная с одностраничного сайта-визитки и заканчивая сайтом подразделения со своей структурой и большим объемом разного вида информации. Такой подход более чем актуален для Финансового университета, который насчитывает 27 филиалов, активно участвует в федеральных программах и проектах, проводит множество мероприятий.

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

Функционал продукта позволяет активно коммуницировать с пользователями — онлайн-чаты, социальные сети и мессенджеры, email, формы на сайте, подписка на новости. Также можно собирать обратную связь через отзывы и опросы.

С технической точки зрения, для обеспечения надежности работы сайта была внедрена серверная структура, основанная на кластерах. Это позволило справляться с высоким уровнем нагрузки, особенно в периоды массового посещения. Университет интегрировал сайт с внутренними системами, такими как 1С для управления кадрами и зарплатами, CRM, данными о диссертационных советах, образовательными программами и другими сервисами. Автоматическое подтягивание данных упростило обновление информации, сделав этот процесс более быстрым и точным.

Разработка велась на базе системы управления контентом (CMS) № 1 в России — 1С-Битрикс: Управление сайтом.

Преимущества такого решения:

Быстрая разработка

Создание сайта университета — от 3 месяцев, создание подсайтов для подразделений, мероприятий и прочего — от нескольких дней.

Информационная безопасность

Все подсайты объединены одной панелью администратора. С ее помощью удобно отслеживать обновления веб-окружения, риски и степень защиты. Доступ к системе управления контентом может быть децентрализованным — каждое подразделение сможет вносить изменения только на своем подсайте.

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

Структура и порядок

Все данные четко структурированы, хранятся в одном месте и не будут утеряны даже в случае увольнения сотрудников и смены команды.

Самостоятельное обновление

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

Продвижение

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

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

Персональное обучение

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

CRM

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

Обучение более 300 сотрудников университета стало важной частью реализации проекта. Это позволило эффективно распределить обязанности по управлению содержимым сайта и его подсайтов. Каждому из сотрудников был закреплен свой участок работы, что повысило общий уровень эффективности.


We have developed a solution that allows you to create web resources for a variety of purposes, from a one-page business card site to a department site with its own structure and a large volume of different types of information. This approach is more than relevant for the Financial University, which has 27 branches, actively participates in federal programs and projects, and holds many events.

We created a solution taking into account the corporate style of the university. The design is entirely based on the brand book of the university (logo, colors, fonts, patterns, etc.).

The functionality of the product allows you to actively communicate with users - online chats, social networks and messengers, email, forms on the site, subscription to news. You can also collect feedback through reviews and surveys.

From a technical point of view, a server structure based on clusters was implemented to ensure the reliability of the site. This made it possible to cope with a high level of load, especially during periods of mass visits. The university integrated the website with internal systems such as 1C for personnel and salary management, CRM, data on dissertation councils, educational programs and other services. Automatic data pulling simplified the information update, making this process faster and more accurate.

The development was based on the content management system (CMS) No. 1 in Russia — 1C-Bitrix: Site Management.

The advantages of this solution:

Fast development

Creation of a university website — from 3 months, creation of subsites for departments, events and other — from several days.

Information security

All subsites are united by a single admin panel. With its help, it is convenient to track web environment updates, risks and the level of protection. Access to the content management system can be decentralized — each department will be able to make changes only on its subsite.

The platform has a proactive protection module with an antivirus. During the work, a threat log is configured, with its help the system will see attacks on the site and block them.

Structure and order

All data is clearly structured, stored in one place and will not be lost even in the event of employee dismissal and team change.

Self-updating

University employees can create new sections and fill in all the necessary information, as well as create subsites without involving programmers. With the help of a special module, you can monitor the quality of the code and test the system, track modifications.

Promotion

The solution with the university website ecosystem has a positive effect on the «Site» indicator in the media rating. M-rating is the first official rating of the media activity of Russian universities. It takes into account the effectiveness of universities in the media space. All calculations are based on data that can be obtained in publicly available metrics. In total, there are 57 of them in the M-rating. The consolidated rating of the university is formed from three main indicators: media, social networks, website.

The university's performance indicator for the website takes into account such factors as the website's audience, the time users spend on it, the number of visits per month, and bounce rates.

Personal training

Training university employees to work with the admin panel, creating subsites, optimization, etc.

CRM

When developing a website on the solution, it is also possible to integrate with the university's internal services, segment users, and conduct a detailed analysis of admissions and marketing campaigns. The university can set up the integration itself with the help of its programmers or seek help from Paraweb.

Training more than 300 university employees became an important part of the project. This made it possible to effectively distribute responsibilities for managing the content of the website and its subsites. Each employee was assigned their own area of work, which increased the overall level of efficiency.

Скриншоты