Официальный сайт Донского государственного технического университета

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

Основанный в 1930 году как отраслевой технический вуз, сегодня Донской государственный технический университет — научно-образовательная экосистема, где развиваются самые востребованные в регионе и стране направления — от инженерии и IT до биотехнологий и медиа. Новый сайт, разработанный системным интегратором «Паравеб», отражает разносторонность учебного заведения и привлекает абитуриентов.


Founded in 1930 as an industry technical university, today the Don State Technical University is a scientific and educational ecosystem where the most popular areas in the region and the country are developing - from engineering and IT to biotechnology and media. The new website, developed by the system integrator "Paraweb", reflects the versatility of the educational institution and attracts applicants.

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

В ДГТУ у студентов, сотрудников и партнеров есть множество возможностей для реализации в образовательной, научной и инновационной деятельности почти во всех областях знаний, а также для развития в творчестве, спорте и социальном проектировании.

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

Однако за последние несколько лет в вузе открылось несколько новых факультетов и направлений подготовки, ежегодно запускаются актуальные программы, внедряются новаторские образовательные технологии, создаются научно-исследовательские центры, современные пространства и строятся объекты в кампусе. ДГТУ стал участником главных государственных программ развития высшего образования «Приоритет 2030», «Передовые инженерные школы», «Технологическое предпринимательство», координатором НОЦ Юга России.

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

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

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

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


At DSTU, students, employees and partners have many opportunities for implementation in educational, scientific and innovative activities in almost all fields of knowledge, as well as for development in creativity, sports and social design.

The university is true to its traditions and continues to train qualified engineers for mechanical engineering, agriculture, metallurgy, construction, transport, shipbuilding and energy.

However, over the past few years, several new faculties and areas of training have opened at the university, relevant programs are launched annually, innovative educational technologies are introduced, research centers, modern spaces are created and facilities are built on campus. DSTU has become a participant in the main state programs for the development of higher education "Priority 2030", "Advanced Engineering Schools", "Technological Entrepreneurship", and the coordinator of the REC of the South of Russia.

That is why the university needed a new website that would reflect the scale and uniqueness of the educational institution, emphasize its leadership position and distinguish it from other universities.

The DSTU website has become a significant tool that has transformed user interaction with the university. Convenience and accessibility of the resource are ensured by intuitive navigation. Automatic data updates minimize manual work of employees and ensure their relevance.

The platform increases user engagement through real stories and reviews that build trust and motivate applicants. High-quality content, including photos of the campus, laboratories and student life, creates the atmosphere of a modern, dynamic educational institution.

Integration of modern technologies, such as a voice assistant and automated internal systems, simplifies access to the necessary data. The adaptive interface, interactive elements and animations make the resource visually attractive and easy to use.

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

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

Мы представили направления, в которых ДГТУ развивается и готовит свои кадры, как экосистему, и назвали их «кластеры». Каждый кластер включает все виды деятельности университета внутри конкретного направления: реализуемые проекты, направления подготовки, кафедры, партнеры, научные достижения и новости. Например, кафедры «Автоматизация и математическое моделирование в нефтегазовом комплексе», «Машины и оборудование нефтегазового комплекса», «Химические технологии нефтегазового комплекса» и «Цифровые технологии и платформы в электроэнергетике» объединены под более общей и понятной для широкой аудитории категорией «Энергетика».

3D-модели наглядно иллюстрируют кластеры, помогая быстрее ориентироваться на сайте. Например, светофор представляет «Транспорт», самолет — «Авиастроение», и так далее. Пользователи с одного взгляда понимают, какие сферы охватывает вуз, получают общее представление о его академической экспертизе и специализации.
По ховеру 3D-модели меняют белый цвет на сине-фиолетовый, улучшая общий визуальный опыт ресурса, делают сайт более привлекательным и узнаваемым, а также поддерживают бренд учебного заведения.

Перед нами стояла задача — создать интерактивный, динамичный и современный ресурс.

Несмотря на консервативный стиль логотипа ДГТУ, университетское сообщество испытывает к нему особую привязанность. Поэтому мы лишь дополнили традиционную версию 3D-вариантом. Общая стилистика сайта основана на элементах логотипа — все блоки закругленные, мягкие и выразительные.
Цветовая палитра ресурса полностью соответствует брендбуку. Для темной версии мы усилили глубину и яркость синего, чтобы он контрастировал на темном фоне. Более яркий синий также был выбран для интерактивного раздела «Студенческая жизнь», чьи элементы отсылают к эстетике социальных сетей. Хорошо спроектированные анимации привлекают внимание пользователей и создают приятные эффекты при взаимодействии с элементами.

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

Вместо шаблонных историй, восхваляющих ДГТУ, на сайте есть реальные отзывы студентов, выпускников, партнеров и т. д. Они рассказывают о качестве обучения, делятся историями успеха, мотивируя абитуриентов.

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

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

В процессе разработки сайта был создан отдельный медиа-портал, куда вынесены все новости и события, связанные с ДГТУ. На этом портале публикуются актуальные материалы, которые размещаются на тематических страницах для удобства пользователей.


During the work on the website, the university's image was revised. In-depth interviews with staff and students were conducted to form a new vision. The result was the first brand book, reflecting the university as a modern ecosystem.
Experts talked to the university's staff and teachers to better understand the strengths and achievements of the university. The teachers talked about the academic programs that distinguish the university, and the staff covered in detail the issues of infrastructure, student support and other aspects. In addition, the project team visited the laboratories and got acquainted with important research conducted at the university.

We presented the areas in which DSTU develops and trains its personnel as an ecosystem, and called them "clusters". Each cluster includes all types of university activities within a specific area: ongoing projects, areas of training, departments, partners, scientific achievements and news. For example, the departments of "Automation and Mathematical Modeling in the Oil and Gas Complex", "Machines and Equipment for the Oil and Gas Complex", "Chemical Technologies of the Oil and Gas Complex" and "Digital Technologies and Platforms in the Electric Power Industry" are united under a more general and understandable for a wide audience category "Power Engineering".

3D models clearly illustrate clusters, helping to navigate the site faster. For example, a traffic light represents "Transport", an airplane - "Aircraft Engineering", and so on. Users understand at a glance what areas the university covers, get a general idea of ​​its academic expertise and specialization.
On hover, 3D models change their white color to blue-violet, improving the overall visual experience of the resource, making the site more attractive and recognizable, and also supporting the brand of the educational institution.

Our task was to create an interactive, dynamic and modern resource.

Despite the conservative style of the DSTU logo, the university community has a special affection for it. Therefore, we only supplemented the traditional version with a 3D version. The overall style of the site is based on the logo elements - all blocks are rounded, soft and expressive.
The color palette of the resource is fully consistent with the brand book. For the dark version, we increased the depth and brightness of blue so that it contrasts against the dark background. A brighter blue was also chosen for the interactive section "Student Life", whose elements refer to the aesthetics of social networks. Well-designed animations attract the attention of users and create pleasant effects when interacting with the elements.

The site is filled with real photographs of the educational institution, illustrating its active and diverse daily life. High-quality and emotional content evokes positive emotions in visitors, which helps to create a strong first and overall impression of the university. A comfortable campus, new technologies in laboratories and classrooms, a community of like-minded people - this is what the university can boast of.

Instead of template stories praising DSTU, the site contains real reviews from students, graduates, partners, etc. They talk about the quality of education, share success stories, motivating applicants.

A separate block presents quantitative data on students, areas of study, branches, etc. in numbers. This simplifies perception and reflects the scale of the educational institution. List blocks are a universal tool for organizing information on the site. In this way, a large amount of information can be compressed into key meanings - it is easier for users to find the necessary data and understand it.

Tabs display a large amount of information on one page without overloading it. Users can view only those tabs that interest them, and quickly switch between them without loading a new page. Icons are used to visually designate sections, making navigation more intuitive and maintaining the visual style.

During the development of the site, a separate media portal was created, where all news and events related to DSTU are displayed. This portal publishes relevant materials that are placed on thematic pages for the convenience of users.

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

Новый сайт ДГТУ — яркий пример успешной интеграции ресурса с внутренними информационными системами университета. Весь процесс разработки проходил в тесном сотрудничестве с вузом, который выступил в роли полноценного партнера. Небольшая команда ИТ-специалистов ДГТУ не только активно участвовала в апробации идей и тестировании решений, но и самостоятельно писала API, которые мы успешно внедряли на сайте со своей стороны.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Продвижение

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

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

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

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

CRM

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

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

Гимназия ДГТУ предлагает обучение с углубленным изучением определенных предметов и подготовкой к поступлению в вуз. Наличие собственной гимназии свидетельствует о серьезном подходе университета к образованию на всех уровнях. И поскольку это особенно привлекает внимание потенциальных студентов и их родителей, мы создали для гимназии отдельный подсайт.

ДГТУ активно участвует в программе «Приоритет 2030», направленной на поддержку и развитие российских университетов. В рамках этой программы вуз реализует ряд значимых проектов, нацеленных на развитие различных областей науки, техники и образования. Вместе с университетом мы представили лучшие практики ДГТУ на подсайте в виде ежегодного и динамичного отчета. Следует отметить, что не каждый вуз готов открыто публиковать свои достижения, что делает ДГТУ особенным. Такая открытость подчеркивает, что ДГТУ действительно работает над своими проектами. Это существенно укрепляет имидж университета, превращая его в центр передового опыта, инноваций и образовательного лидерства, что привлекает студентов.

В ДГТУ представлена уникальная экспозиция «Донская казачья гвардия», которая рассказывает о воинах, на протяжении двух столетий охранявших семерых российских императоров. Это важный культурный и исторический проект, способствующим сохранению памяти о героических страницах истории Донского края и всей России. Экспозиция подчеркивает связь университета с историей и культурой региона, а потому для нее также был разработан свой подсайт.

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

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


The new DSTU website is a shining example of successful integration of a resource with the university's internal information systems. The entire development process took place in close cooperation with the university, which acted as a full-fledged partner. A small team of DSTU IT specialists not only actively participated in testing ideas and solutions, but also independently wrote APIs that we successfully implemented on the website from our side.

The integrations made it possible to automate the uploading of educational programs, areas of study, departments, and other data to the website directly from the university's information systems. The same scheme works, for example, for employees and teaching staff, but with an important addition: another variable was added for this data, allowing sorting within the list.

The website automatically collects and updates all the necessary information, which minimizes manual moderation. The university continues to improve existing integrations so that website support in the future requires minimal effort.
We created a designer for developing not only individual subsites, but also significant resources in order to maintain a unified style between them.
We created a solution taking into account the university's corporate style. The design is entirely based on the university's brand book (logo, colors, fonts, patterns, etc.).

The product's functionality allows for active communication with users — online chats, social networks and instant messengers, email, forms on the website, and news subscriptions. It is also possible to 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 website. 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.

Advantages of this solution:

Fast development

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

Information security

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

The platform has a proactive protection module with an antivirus. During operation, 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.

Independent update

University employees can create new sections and fill in all the necessary information, as well as create subsites without involving programmers. Using 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 impact on the "Website" indicator in the media rating. M-rating is the first official rating of 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 from publicly available metrics. 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 indicator of the effectiveness of the university's work with the website takes into account such factors as the website audience, the time users spend on it, the number of visits per month, as well as 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 internal services of the university, segment users, and conduct a detailed analysis of the admissions and marketing campaigns. The university can set up the integration independently with the help of its programmers or ask Paraweb for help.

Training of more than 300 university employees became an important part of the project implementation. This allowed for the effective distribution of responsibilities for managing the content of the site and its subsites. Each employee was assigned their own area of ​​work, which increased the overall level of efficiency.

The DSTU Gymnasium offers advanced training in specific subjects and preparation for entering a university. Having its own gymnasium demonstrates the university’s serious approach to education at all levels. And since this is especially attractive to potential students and their parents, we have created a separate subsite for the gymnasium.

DSTU actively participates in the Priority 2030 program, aimed at supporting and developing Russian universities. As part of this program, the university implements a number of significant projects aimed at developing various fields of science, technology, and education. Together with the university, we presented DSTU’s best practices on the subsite in the form of an annual and dynamic report. It should be noted that not every university is ready to openly publish its achievements, which makes DSTU special. Such openness emphasizes that DSTU is really working on its projects. This significantly strengthens the university’s image, turning it into a center of excellence, innovation, and educational leadership, which attracts students.

DSTU presents a unique exhibition "Don Cossack Guard", which tells about the warriors who guarded seven Russian emperors for two centuries. This is an important cultural and historical project that helps preserve the memory of the heroic pages of the history of the Don region and all of Russia. The exhibition emphasizes the connection of the university with the history and culture of the region, and therefore its own subsite was developed for it.

Many components of the constructor can be reused: teacher cards, text blocks, buttons and other components. It is important to maintain consistency between subsites so that users can easily navigate and find the information they need. This is helped by the design system, which explains the purpose and content of the components, and clearly demonstrates their functionality and location on the layout.

The university employees - developers and content managers - have already been trained in assembling sites and individual pages using the constructor. The help file helps them quickly navigate the system.
The design system is integrated into the entire ecosystem of the university and remains relevant even after the end of cooperation with us. Now all current and future university resources will have a uniform and recognizable style.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Интересный пример такого подхода можно увидеть в опыте ДГТУ. Университет запустил голосового ассистента для приёмной комиссии. ДГТУ стал пионером в этой области, запустив голосового ассистента. Это особенно актуально для их целевой аудитории — абитуриентов.

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

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


Voice assistants on company websites are nothing new. Modern users prefer to simplify interaction with technology by using voice search instead of entering text manually. For example, when searching for a video on YouTube, many prefer to say the request out loud rather than enter it using the keyboard.

An interesting example of this approach can be seen in the experience of DSTU. The university launched a voice assistant for the admissions committee. DSTU became a pioneer in this area by launching a voice assistant. This is especially relevant for their target audience - applicants.

For schoolchildren, this is a really convenient practice: despite the ability to type, they often prefer to search for information by voice, which makes the process faster and easier. This approach demonstrates how technologies can be adapted to the real needs of users.

Assistant is a voice and text assistant that facilitates the interaction of students and applicants with the site.

The tool uses artificial intelligence and voice processing technologies to provide prompt and accurate information about the university in a convenient form. The Assistant is integrated with the main university systems and can answer frequently asked questions about admission, the educational process, and much more. The Assistant's user interface is adaptive and intuitive: all necessary elements are highlighted, there are no unnecessary details. The system is easy to administer: most functions are controlled through the administrator panel, where you can manage the database, change parameters, etc. The Assistant automatically collects data and works autonomously, without the participation of a system administrator.

Скриншоты