Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
Паравеб
Цифровой музей истории СибГМУ
Паравеб
WDA
2024
#Сайт под ключ

Цифровой музей истории СибГМУ

2780 
Паравеб
Паравеб Россия, Томск
Поделиться:
Цифровой музей истории СибГМУ
Клиент

Сибирский государственный медицинский университет

Бюджет

1 650 000

Сфера

Обучение

Регион

Россия, Томск

Тип сайта

Промо-сайт

Сдано

Май 2023

Задача

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

Решение

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

Анимированный фон выполнен в технике «градиент», которая кинематографично воссоздает ощущение погружения в прошлое.

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

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

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

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

Кроме того, мы интегрировали 3D-эффекты, созданные с помощью библиотеки Three.js и шейдерного программирования. Это позволило добавить глубину и объем к элементам сайта, делая его более привлекательным.

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

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

Результат

Юбилейный сайт СибГМУ можно назвать интерактивным фильмом. Под речь диктора и звуки музыки пользователь отправляется в путешествие по прошлому университета. Он знакомится с историей вуза, где уже 135 лет учатся и работают представители династий врачей. Узнает о судьбах великих медиков и открытиях, сделанных в СибГМУ. Видит, как выглядела жизнь студентов тогда и из чего состоят будни студентов сейчас. Юбилейный сайт, признанный многими произведением искусства, вызывает эмоции и чувства. При просмотре ностальгию по светлым и памятным временам университета испытывают даже те, кто никогда не был связан с СибГМУ.

Отзыв клиента

Куликов Евгений Сергеевич
Куликов Евгений Сергеевич

ректор СибГМУ

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

https://135.ssmu.ru
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Паравеб с удовольствием обсудит вашу задачу

Оставить заявку