Сайт Томского политеха

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

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

Мы переосмыслили главный сайт университета, сделав его более удобным и полезным.

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

Being the oldest engineering university in the Asian part of Russia, Tomsk Polytechnic University has become the alma mater for many generations of graduates: researchers, political and public figures, teachers and engineers.

We have rethought the main university website, making it more convenient and useful.

The updated structure and modern style allow visitors to easily navigate the sections and find the information they need.

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

Запуск презентационного сайта и сайта-конструктора позволил Томскому политехническому университету занять высокие позиции в рейтинге медийной активности вузов M-rate (Минобрнауки РФ) в категории сайтов. По итогам октября 2023 года презентационный сайт ТПУ занял первое место. Это обусловлено пользовательскими показателями ресурса — посетители сайта проводят больше времени на tpu.ru. Кроме того, экосистема сайтов ТПУ организована в едином визуальном стиле, по одним нормам и стандартам (все сайты созданы на домене tpu.ru).

Наталья Гиевская, начальник отдела интернет-коммуникаций ТПУ:

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

The launch of a presentation website and a site-designer allowed Tomsk Polytechnic University to take high positions in the M-rate ranking of media activity of universities (Ministry of Education and Science of the Russian Federation) in the website category. At the end of October 2023, TPU’s presentation website took first place. This is due to user indicators of the resource — site visitors spend more time on tpu.ru. In addition, the TPU website ecosystem is organized in a single visual style, according to the same norms and standards (all websites are created on the tpu.ru domain).

Natalya Gievskaya, head of the Internet communications department at TPU:

“The TPU presentation website has become an important communication project for us to transform the university’s communications with a variety of audiences of Tomsk Polytechnic University — students, applicants, partners, employees and alumni. This is the second year the site has given us practical results; in our research, we read reviews from first-year students who say that they became interested in the university and made a choice in favor of it after getting acquainted with the site. Together with the constructor that Paraweb made for us, we are putting things in order in our Internet space - from visual standards to content norms, we are teaching department representatives to use the constructor when creating an event website or a personal website. When preparing the website, Paraweb studied the best world practices, carefully worked with our brand book and helped find the most effective solutions for the university.”

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

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

Студия Артемия Лебедева разработала логотип вуза, а Паравеб — новую версию официального сайта.

Мы переосмыслили главный сайт университета, сделав его более удобным и современным — таким себя видит вуз сегодня.

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

Анимированный 3D-логотип — центральный элемент главной страницы сайта. Вдохновленный черно-зелеными кубами и чередованием цветов, весь дизайн сайта построен на вариациях этой темы. Кроме того, мы разработали 3D-модели логотипов школ вуза. Для блока с быстрыми ссылками мы разработали сет фирменных 3D-иконок.

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

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

Tomsk Polytechnic University is the oldest engineering university in Siberia, which strives to show its technological effectiveness, immersion in big science and digital trends, as well as its history, traditions and powerful community.

Artemy Lebedev's studio developed the university logo, and Paraweb developed a new version of the official website.
We have rethought the main website of the university, making it more convenient and modern — this is how the university sees itself today.

At the analytics stage, we analyzed more than 50 references of the websites of the largest universities in the world, as well as user behavior on the current university website.

This allowed us to identify the most popular links and sections, which we placed on the main page for the convenience of users.

An animated 3D logo is the central element of the website's main page. Inspired by black and green cubes and alternating colors, the entire site design is based on variations of this theme. In addition, we developed 3D models of university school logos. A set of branded 3D icons was developed for the block with quick links.

Creating convenient navigation on the site allows users to easily navigate the selected section, and navigation informs about the current location on the site, clearly demonstrates the structure of the service and allows you to quickly move to a higher level of nesting.

As part of our work on the Tomsk Polytechnic University project, we also developed a website builder for schools, departments and university events. Now all the university’s subsites are designed in the same style and have a single structure.

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

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

Каждый компонент конструктора веб-сайтов был разработан и стилизован в соответствии с дизайном основного сайта ТПУ. Однако у сотрудников вуза есть возможность настраивать дополнительные цветовые акценты, чтобы подчеркнуть уникальность и индивидуальность каждого созданного сайта.

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

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

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

The site was developed using an innovative website builder. Now our clients have access to a convenient and intuitive tool that allows them to easily and quickly create their own websites in literally one day, without the need to hire programming specialists.

Each component of the website builder was designed and styled to match the design of the main TPU website. However, university staff have the opportunity to customize additional color accents to highlight the uniqueness and individuality of each created website.

An example of such individualization is the use by schools of their own corporate colors within the TPU ecosystem. These signature colors can also be reflected in each school's logo, promoting recognition and branding.

The website builder makes the entire university website ecosystem look stylish, professional, and consistent, creating a positive user experience.

Moreover, we have successfully integrated the website with the university’s internal information systems in the section containing information about the educational organization. This integration helps keep data up-to-date because information is streamed directly from the source, ensuring reliability and minimizing manual entry of information into multiple different places.

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

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

At the final stages of website development, the customer made changes to the logo and corporate identity, which required updating the appearance of the site in accordance with the new brand book. As with all projects, there were some deviations from the original technical specifications, but it was thanks to these changes that the result turned out to be more impressive and of higher quality. In addition, we trained TPU employees to use the constructor and provided them with detailed instructions for effective use of this tool in the future. The designer is in great demand because it allows TPU employees to easily create new websites.

Прочая информация о кейсе

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

В административной панели сотруднику университета доступна коллекция блоков для представления контента, а также инструменты для его редактирования.

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

В административной панели доступны широкие возможности:
• Понятные инструменты для SEO-оптимизации с продуманной логикой;
• Корректное отображение страниц сайта на любых экранах и устройствах;
• Настройки доступа контент-менеджерам к редактированию разделов и страниц сайта;
• Возможность создания блоков с уникальным дизайном с помощью HTML-кода.

The website builder is a collection of various blocks for presenting information that university staff can use to create pages and sections without the help of developers.
In the administrative panel, a university employee has access to a collection of blocks for presenting content, as well as tools for editing it.

An intuitive administration panel makes it easy to work with the site structure and allows you to create, edit and adjust the visibility of sections, and move blocks on pages.

The administrative panel offers a wide range of options:
• Clear tools for SEO optimization with thoughtful logic;
• Correct display of website pages on any screens and devices;
• Access settings for content managers to edit sections and pages of the site;
• Ability to create blocks with a unique design using HTML code.

Скриншоты