Номинируйте на конкурс Workspace Digital Awards телеграм и видео каналы, бренд-медиа и статьи. Скидка по промокоду media — 20%!
Dotimo
Интерактивный промо-сайт на WebGL «Тысячелетняя сеча»
Dotimo
#Разработка сайтов под ключ#Иллюстрации#3D моделирование

Интерактивный промо-сайт на WebGL «Тысячелетняя сеча»

48 
Dotimo Россия, Екатеринбург
Поделиться: 0 0 0
Клиент

Медиагруппа Комсомольская правда

Сфера

СМИ

Регион

Россия, Москва

Тип сайта

Промо-сайт

Сдано

Март 2024

Задача

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

Показать село на юго-западе России. И семь эпохальных битв — от монголо-татарского нашествия до современной спецоперации.

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

История юго-западных земель — это история постоянной борьбы. От князей Киевской Руси до новейших времен, эти рубежи не раз становились ареной ожесточённых сражений. Но снова и снова русский воин вставал на защиту земли — и одерживал победу.

Решение

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

Реализация потребовала нестандартного подхода: масштабная локация, тяжёлые текстуры и сложная геометрия создавали серьезную нагрузку. Чтобы сохранить быструю загрузку и плавную работу, мы разделили пространство на семь самостоятельных сцен, соединив их переходами через дым, разработали алгоритм прогрессивной подгрузки текстур и моделей, а сами 3D-объекты выполнили методом эмбоссирования. Это позволило существенно сократить объём геометрии персонажей и окружения без потери визуального качества.

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

1Битва на реке Сутени

Большая победа войск Киевской Руси над половцами

2Крепкий орешек. Оборона Глухова от поляков

Тяжелое поражение польского войска Речи Посполитой от русских воинов

3Полтавская битва

Победа Русской армии Петра Первого над войском шведского короля Карла XII

4Брусиловский прорыв

Наступательная операция Российской императорской армии в Первую мировую войну

5Штурм Киева

Разгром петлюровских войск Красной армией в Гражданскую войну

6Донбасская операция

Освобождение Донбасса от немецких войск в Великую Отечественную войну

7Освобождение ЛНР

Освобождение Луганской Народной Республики от Вооруженных сил Украины

8Карта села

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

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

Результат

Проект получил тёплый отклик и уверенно оправдал ожидания. С момента публикации сайт посмотрели более 70 000 человек, и для многих это знакомство оказалось не мимолётным. В среднем пользователи проводят на сайте около 2,5 минут — изучают сцены, перемещаются между локациями, рассматривают детали.

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

https://1000.kp.ru/

Стек технологий


Награды


Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

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

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

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