Санкт-Петербургский государственный архитектурно-строительный университет — старейшее в России высшее учебное техническое заведение по подготовке инженеров, архитекторов и строителей. Мы разработали современный и удобный сайт университета, студенты и преподаватели которого вносят значительный вклад в строительство и реставрацию зданий в Санкт-Петербурге, в различных городах России и других странах.
Предыдущая версия сайта ориентировалась исключительно на две целевые группы — студентов и сотрудников университета. Вся информация была сфокусирована на внутренних аспектах университетской жизни, не учитывая при этом разнообразные интересы других важных групп пользователей, таких как потенциальные заказчики, индустриальные партнеры, представители других учебных заведений, СМИ и родители абитуриентов.
Кроме того, предыдущая версия сайта характеризовалась сложной навигацией, включавшей три разных навигационных меню. Проведенный анализ пользовательского поведения позволил нам выявить недостатки и, основываясь на опыте пользователей, мы разработали новую версию сайта с улучшенной структурой и более интуитивной навигацией.
Официальный сайт СПбГАСУ стал его визитной карточкой в онлайн-пространстве. Теперь абитуриенты, студенты, научное сообщество, партнеры и сотрудники СПбГАСУ могут найти интересующую их информацию всего в пару кликов.
St. Petersburg State University of Architecture and Civil Engineering is the oldest higher technical educational institution in Russia for training engineers, architects and builders. We have developed a modern and convenient website for the university, whose students and teachers make a significant contribution to the construction and restoration of buildings in St. Petersburg, in various cities of Russia and other countries.
The previous version of the site focused exclusively on two target groups — students and university staff. All information was focused on the internal aspects of university life, without taking into account the diverse interests of other important user groups, such as potential customers, industrial partners, representatives of other educational institutions, the media and parents of applicants.
Additionally, the previous version of the site featured complex navigation, including three different navigation menus. The analysis of user behavior allowed us to identify shortcomings and, based on user experience, we developed a new version of the site with an improved structure and more intuitive navigation.
The official website of SPbGASU has become its calling card in the online space. Now applicants, students, the scientific community, partners and employees of SPbGASU can find the information they are interested in just a couple of clicks.
Как проект изменил жизнь пользователей
Начальник управления информационной политики и маркетинга СПбГАСУ Ксения Егорова: «В феврале 2023 года мы запустили новый сайт университета. В жизни вуза произошел переломный момент, к которому мы шли очень долго и тщательно выбирали компанию-исполнителя. Старый сайт, разработанный в 2011 году, к моменту обсуждения технического задания с исполнителем морально и технически очень сильно устарел, его возможностей не хватало для реализации даже того необходимого функционала, который требуется для сайтов вузов. Не говоря уже о том, что зачастую в пик нагрузок во время приемной кампании старый сайт университета давал сбои и не справлялся со своими задачами; самописная cms имела ряд функциональных особенностей, жила «своей» жизнью и была ужасно неудобна для работы. Сейчас благодаря работе компании «Паравеб» в арсенале у СПбГАСУ мощный, безопасный, привлекательный и современный инструмент с массой новых технических возможностей, которые предоставляет платформа Битрикс.
Новый сайт безусловно привнес в жизнь пользователей много полезных изменений. С ним мы успешно провели приемную кампанию 2023: сбои в его работе отсутствовали, он непрерывно функционировал на 100%. Анализ активности посетителей нового сайта университета, проведенный по данным квартала после пика приёмной кампании, показал, что субъективная скорость загрузки сайта выросла в 2 раза. Кроме того, мы получили и обработали более 500 обращений в университет за квартал через формы обратной связи, установленные на страницах подразделений. Выросла посещаемость таких разделов как «Университет», «Новости», «Наука», что отражает возросший интерес пользователей к значению университета в профессиональной сфере, к актуальной информации о его деятельности, проводимых мероприятиях и к возможностям научной и научно-практической реализации, которую университет предоставляет обучающимся. У сотрудников вуза наконец-то появился интерес задействовать по максимуму функционал нового сайта для освещения результатов своей научно-педагогической деятельности – они стремятся размещать более качественный визуальный контент, например, примеры дипломных работы студентов, видеолекции. Архитектурный факультет впервые стал использовать сайт в качестве платформы для подачи конкурсных работ на всероссийские архитектурные конкурсы, которые проводятся в СПбГАСУ. Ранее студенты-архитекторы из разных регионов России отправляли свои работы на электронную почту организаторов. В этом году мы открыли форму регистрации с возможностью подачи конкурсной работы через сайт, что значительно упростило процесс подачи заявки и (надеемся) оптимизирует работу жюри».
Head of the Information Policy and Marketing Department of St. Petersburg State University of Civil Engineering Ksenia Egorova: “In February 2023, we launched a new university website. There was a turning point in the life of the university, to which we had been working for a very long time and carefully selected the executing company. The old website, developed in 2011, was morally and technically very outdated by the time the terms of reference were discussed with the contractor; its capabilities were not sufficient to implement even the necessary functionality required for university websites. Not to mention the fact that often during peak loads during the admissions campaign, the old university website crashed and could not cope with its tasks; The self-written cms had a number of functional features, lived “its own” life and was terribly inconvenient for work. Now, thanks to the work of the Paraweb company, SPBGASU has a powerful, safe, attractive and modern tool with a lot of new technical capabilities that the Bitrix platform provides.
The new site has certainly brought many useful changes to the lives of users. We successfully conducted the 2023 admissions campaign with it: there were no failures in its operation, it functioned continuously at 100%. An analysis of the activity of visitors to the new university website, carried out based on the quarter after the peak of the admissions campaign, showed that the subjective loading speed of the site increased by 2 times. In addition, we received and processed more than 500 requests to the university per quarter through feedback forms installed on the pages of departments. The attendance of such sections as “University”, “News”, “Science” has increased, which reflects the increased interest of users in the importance of the university in the professional sphere, in up-to-date information about its activities, ongoing events and in the possibilities of scientific and scientific-practical implementation that the university provides to students. University staff have finally become interested in using the maximum functionality of the new website to highlight the results of their scientific and pedagogical activities - they are striving to post higher-quality visual content, for example, examples of student theses, video lectures. The Faculty of Architecture for the first time began to use the website as a platform for submitting competitive works to All-Russian architectural competitions, which are held at St. Petersburg State University of Architecture and Civil Engineering. Previously, architecture students from different regions of Russia sent their works to the organizers’ e-mail. This year we opened a registration form with the ability to submit competition work through the website, which greatly simplified the application process and (we hope) optimized the work of the jury.”
Бизнес-задача и ее решение
Для каждой целевой аудитории вуза предусмотрен свой раздел. Ссылки на самые важные и популярные сервисы вынесены в меню и на главную страницу.
У поступающих всегда возникает множество вопросов о датах приема, количестве мест и многом другом. Ответы на них легко найти перейдя по ссылкам на первом экране раздела «Абитуриентам». Сориентироваться в направлениях помогает удобный фильтр по уровню подготовки, форме обучения и факультету. А фотографии студенческой жизни доказывают, что скучать в СПбГАСУ не придется.
Тех, кому уже посчастливилось стать студентами вуза, на сайте ждет актуальное расписание, личный кабинет, новости и объявления и другая информация о студенческой жизни вуза — стипендиях, сессиях и практиках, трудоустройстве и психологической помощи.
В университете активно ведется научная деятельность, поэтому соответствующий раздел сайта довольно объемный. Здесь есть календарь конкурсов и грантовых программ, журналы вуза и научно-исследовательская база. Пользователь может ознакомиться с впечатляющим списком научных исследований, изобретений и патентов, зарегистрированных представителями СПбГАСУ.
Во время работы над проектом мы провели интервью с представителями всех сфер деятельности университета — от образовательной и научной до кадровой и научно-технической. На основе выявленных потребностей разработаны ключевые разделы нового сайта.
Главная страница сайта ориентирована на все целевые аудитории. На первом экране выделены разделы, которые наиболее часто посещают пользователи. Гибкая система управления контентом позволяет администраторам легко изменять порядок и содержание этой навигации.
Раздел «Анонсы» трансформировался в «Ближайшие события», а информация о факультетах для удобства была вынесена в отдельный раздел. Ранее информация о факультетах и кафедрах представлялась в виде отсканированных pdf-файлов с подписями и печатями, что существенно усложняло поиск.
На главной странице мы отразили позиции университета в рейтингах, подчеркивая его значимость как крупного образовательного и научного центра, входящего в топ-50 российских вузов согласно рейтингу RAEX.
В каждом ключевом разделе на первом экране выделены наиболее популярные подразделы для удобства пользователей. Вся навигация сайта разработана с учетом опыта предыдущей версии.
Особое внимание уделяется разделу факультетов и кафедр в соответствии с потребностями пользователей. Первым идет список факультетов, ниже — кафедры с функционалом поиска и фильтрации. Здесь представлены основной адрес кафедры, контактный телефон и расписание.
С учетом значительного вклада университета в архитектурное наследие города, мы создали раздел «Университет городу», включающий иллюстрации главных объектов Петербурга, участие в строительстве которых принимал университет.
Поиск на новом сайте обеспечивает полный доступ к необходимой информации, в отличие от предыдущей версии.
Университет предоставляет научно-технические услуги, и теперь к их разделу можно быстро попасть с главной страницы. Услуги дополнительно разделены по категориям и подразделениям с возможностью оставить заявку.
Мы встречались с представителями университета, чтобы согласовать структуру ключевых разделов, включая кафедры, факультеты, подразделения и международную деятельность.
Структура раздела «Обучающимся» была полностью переработана. Теперь пользователи могут легко узнать, как поступить в университет или восстановиться, ознакомиться с курсами дополнительного и дистанционного обучения, а также получить информацию о студенческом совете, волонтерских, спортивных и других студенческих отрядах. Также был введен рейтинг факультетов, отражающий активность студенческих сообществ каждого факультета, что стало нововведением на сайте. Мы также вовлекли активистов каждого факультета в создание контента на сайте.
Самое подробное знакомство с вузом, его достижениями и историей происходит в разделе «Университет».
Each target audience of the university has its own section. Links to the most important and popular services are included in the menu and on the main page.
Applicants always have many questions about admission dates, number of places and much more. The answers to them can be easily found by following the links on the first screen of the “Applicants” section. A convenient filter by level of training, form of study and faculty helps you navigate the directions. And photographs of student life prove that you won’t be bored at SPbGASU.
For those who are already lucky enough to become university students, the website offers an up-to-date schedule, personal account, news and announcements, and other information about the university’s student life — scholarships, sessions and internships, employment and psychological assistance.
The university actively conducts scientific activities, so the corresponding section of the site is quite voluminous. There is a calendar of competitions and grant programs, university journals and a research base. The user can familiarize himself with an impressive list of scientific research, inventions and patents registered by representatives of SPbGASU.
The most detailed acquaintance with the university, its achievements and history occurs in the “University” section.
While working on the project, we conducted interviews with representatives of all areas of the university’s activities — from educational and scientific to personnel and scientific and technical. Based on the identified needs, key sections of the new website were developed.
The main page of the site is aimed at all target audiences. The first screen highlights the sections that users visit most often. A flexible content management system allows administrators to easily change the order and content of this navigation.
The “Announcements” section was transformed into “Upcoming Events”, and information about faculties was placed in a separate section for convenience. Previously, information about faculties and departments was presented in the form of scanned pdf files with signatures and seals, which significantly complicated the search.
On the main page we reflected the university’s position in the rankings, emphasizing its importance as a large educational and scientific center, included in the top 50 Russian universities according to the RAEX rating.
In each key section, the most popular subsections are highlighted on the first screen for user convenience. All site navigation was developed taking into account the experience of the previous version.
Particular attention is paid to the division of faculties and departments in accordance with the needs of users. The first is a list of faculties, below are departments with search and filtering functionality. Here are the main address of the department, contact phone number and schedule.
Taking into account the significant contribution of the university to the architectural heritage of the city, we created the “University to the City” section, which includes illustrations of the main objects of St. Petersburg, in the construction of which the university took part.
Search on the new site provides full access to the information you need, unlike the previous version.
The university provides scientific and technical services, and now their section can be quickly accessed from the main page. Services are further divided into categories and divisions with the ability to leave a request.
We met with university representatives to agree on the structure of key sections, including departments, faculties, divisions and international activities.
The structure of the “For Students” section has been completely redesigned. Now users can easily find out how to enroll in university or re-enroll, get acquainted with additional and distance learning courses, and also get information about the student council, volunteer, sports and other student groups. A faculty rating was also introduced, reflecting the activity of student communities of each faculty, which became an innovation on the site. We also involved activists from each faculty in creating content on the site.
Вуз отличает прекрасная историческая архитектура, которую мы также отразили на сайте. Мы провели интервью с опытными преподавателями, посвятившими свою жизнь университету на протяжении 20–30 лет, и собрали ценные истории, раскрывающие душу учебного заведения.
Созданный с использованием конструктора, сайт предоставляет сотрудникам уникальную возможность самостоятельно формировать страницы. Теперь наши заказчики могут легко создавать разделы сайта, адаптируя их под свои потребности, настраивая навигацию и компоненты в соответствии с их предпочтениями.
The university is distinguished by its beautiful historical architecture, which we also reflected on the website. We interviewed experienced faculty members who have dedicated their lives to the university for 20–30 years and collected valuable stories that reveal the soul of the institution.
Created using a website builder, the site provides employees with a unique opportunity to create pages on their own. Now our customers can easily create sections of the site, adapting them to their needs, customizing navigation and components according to their preferences.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
Мы побывали на двухдневной экскурсии в университете, ознакомились с его лабораториями, музеями, факультетами и даже посетили столовую. Опираясь на наши впечатления, мы создали концепцию сайта университета и представили ее руководству вуза.
Все встречи с руководством проходили очно. За четыре встречи мы утвердили общий дизайн, который затем детализировали с проректорами, курирующими подразделения.
Параллельно мы сотрудничали с IT-службой университета по интеграции сайта. В предыдущей версии использовались различные самописные сервисы для преподавателей, которые пришлось интегрировать, адаптировать или полностью переработать под новый сайт.
В ходе разработки у нас возник дополнительный проект — мобильное приложение для студентов и сотрудников СПбГАСУ, интегрированное с нашим веб-сайтом.
We went on a two-day excursion to the university, got acquainted with its laboratories, museums, faculties, and even visited the canteen. Based on our impressions, we created a concept for the university website and presented it to the university management.
All meetings with management were held in person. Over the course of four meetings, we approved the overall design, which we then further detailed with the vice-rectors supervising the departments.
At the same time, we collaborated with the university’s IT service to integrate the site. The previous version used various self-written services for teachers, which had to be integrated, adapted or completely redesigned for the new site.
During development, we came up with an additional project — a mobile application for students and employees of St. Petersburg State University of Civil Engineering, integrated with our website.
Прочая информация о кейсе
Преподаватели и выпускники СПбГАСУ во многом определили архитектурный облик Санкт-Петербурга и его пригородов. Десятки уникальных иллюстраций зданий, мостов и сооружений на сайте подчеркивают их вклад. Линии и зарисовки зданий в оформлении поддерживают тему архитектуры и подчеркивают аккуратность, точность и геометрию сайта. Сайт СПбГАСУ разработан в соответствии с Федеральным Законом об образовании и всеми государственными требованиями, а версия для слабовидящих делает сайт инклюзивным.
Teachers and graduates of SPbGASU largely determined the architectural appearance of St. Petersburg and its suburbs. Dozens of unique illustrations of buildings, bridges and structures on the site highlight their contributions. The lines and sketches of the buildings in the design support the architectural theme and emphasize the neatness, precision and geometry of the site. The SPbGASU website was developed in accordance with the Federal Law on Education and all state requirements, and the version for the visually impaired makes the site inclusive.
Скриншоты
Видео
Комментарий заказчика
Технические возможности нового сайта СПбГАСУ, запущенного в начале 2023 года, позволили нам качественно улучшить взаимодействие со всеми заинтересованными сторонами образовательного процесса. Удобные фильтры, модернизированная функция поиска, подборки мероприятий и новостей по подразделениям и тематикам, опции почтовых подписок и обратной связи привели к росту посещаемости и к большей вовлеченности пользователей сайта.
Tweet
Share
Share
Номинации
— Сайты → Государственные организации — Сайты → Образование