Юбилейный сайт, посвященный 75-летию Уфимского государственного нефтяного технического университета

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

Юбилейный сайт УГНТУ выполнил свою главную задачу — масштабно и имиджево представил историю университета и повысил заинтересованность студентов и других посетителей в изучении его истории.

Чтобы уместить богатую 75-летнюю историю университета в интерактивный формат, наша команда проделала большую работу:
— мы буквально интегрировались с музеем университета, чтобы собрать всю информацию за все годы: даты, события, фотографии и артефакты;
— разработали дизайн исторического лонгрида так, чтобы максимально заинтересовать пользователя и удержать его внимание: минималистичный и лаконичный стиль позволили расположить контент так, чтобы его было удобно считывать и при этом все выглядело интересно и нестандартно;
— применили много анимации, а также нестандартные переходы между блоками: все для удержания внимания пользователя;
— добавили возможность для любого посетителя сайта поздравить университет с юбилеем, выразить слова благодарности и прикрепить личные архивные фотографии, чтобы увековечить их в истории ВУЗа.
________________

The main task of the USPTU Anniversary website — is to increase interest of students and other visitors to meet and learn rich history of university.

To fit all 75 years of history into an interactive format, our team did a lot of work:
— we literally integrated with the university museum to collect all the information for all years: dates, events, photographs and artifacts
— design was developed to hold users attention: minimalistic style with large typography and a lot of historic photos, to look interesting for readers
— we used a lot of animation, as well as unique transitions between blocks — to keep the user’s attention
— added the opportunity for any visitor to congratulate the university, write words of gratitude and attach personal archival photographs to save them in the history of the university.

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

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

Thanks to the historical site, the involvement of students in studying the history of USPTU increased, and the university began to accept congratulations and words of gratitude from everyone. Thus, the site conveys cultural and historical values in a new format - an interactive digital museum.

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

Цель сотрудничества УГНТУ и digital-интегратора Tiqum в данном проекте — имиджево рассказать историю университета, сохранить наследие для будущих поколений и выразить личную благодарность, закрепив ее на страницах сайта.

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

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

Работа велась по классическому сценарию:

1) Проведение исследования и формирование структуры сайта.

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

2) Дизайн интерфейса.

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

3) Разработка сайта.

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

4) Запуск сайта.

Сайт начал свою успешную работу в марте 2023.

________________

The goal of cooperation between USPTU and the digital integrator Tiqum is to tell the history of the university, keep the heritage for future generations and express personal gratitude by pinning it on the pages of the site.

In fact, we have created an interactive museum where everyone can learn history of university from 1948 to the present day. Graduates can dip into the student atmosphere and even find themselves and their teachers in the photographs of the site. The younger generation - get to know the history of their native university better, setting ambitious goals for themselves, looking up to outstanding graduates.

Also, everyone can express words of gratitude by attaching archival photographs from their student life or thank the university for carrying out joint projects and programs.

Stages of website development:

1) Conducting research and forming the site structure

At this stage, we have reviewed more than 100 sites dedicated to the history of companies, universities, unique and outstanding personalities. We identified a main list of options for functionality and visualization of the idea.

2) Interface design

The most interesting and long stage in creating a website. Every week we looked forward to the final version of each decade, filled with interesting artifacts, images and, most importantly, animation.
Each new version was better than the other, but here we were faced with the main difficulty - the reliability of the found archival photographs, but thanks to perseverance and close cooperation with the USPTU History Museum, we were still able to solve this problem and correlate each event with the photograph.

3) Development

When developing the site, we added a lot of animation and parallax, and small artifacts appear for each event and catch the user’s eye.
We chose Drupal as the site engine, and connected an admin panel to control the content.

4) Launch

The website was launched on march, 2023.

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

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

________________

In addition to the unique design and non-standard presentation of content, the development used the principles of animation and motion design to maintain the user’s focus throughout the entire reading of the longread. Such a complex design implementation requires creative thinking of frontend developers, which our team did very well.

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

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

________________

Main challenge in development a historical website is to get all the information from the university museum from the moment of its founding, then structure, analyze and compare all this information with artifacts: dates, events, photographs. Thanks to the efforts of our team, this was done within the required time frame and with high quality of realization.

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

Проектирование и разработка сайта для 75-летнего юбилея Уфимского государственного нефтяного технического университета – одного из ведущих технических университетов России, имеющего статус регионального опорного вуза РФ.

________________

Design and development of a website for the 75th anniversary of the Ufa State Petroleum Technical University — one of the leading technical universities in Russia, which has the status of a regional flagship university of the Russian Federation.

Скриншоты

Видео