Сделали эффектный лендинг с анимациями и 3D-графикой для стратегической игры Invisible War

Привет, на связи Purrweb — мы разрабатываем IT-продукты для бизнеса и стартапов. Недавно мы создали лендинг для онлайн-игры Invisible war — с анимацией и яркими визуальными элементами. А чтобы игрок с первых секунд погружался в атмосферу игры, сделали на главной странице мощное видео с 3D-графикой 🔥

Для начала пару слов о самой игре. Invisible War — это онлайн-стратегия в открытом мире, где игроки создают частные военные компании, управляют ими и сражаются с ЧВК соперников за контроль над территориями.

Слоган игры — «Каждое выбор имеет последствие». И это неслучайно: любое решение влияет на общий ход игры и действия противников. А игрок получает порцию адреналина: ведь выбор нужно делать быстро, и при этом не допустить ошибку.

Другие важные особенности Invisible war:

Игра ориентирована на молодых мужчин, которые увлекаются военной тематикой и стратегиями. Сейчас Invisible war находится на стадии разработки.

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

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

Кстати, дизайн и визуальный стиль для Invisible war разработали тоже мы — обязательно расскажем об этом в следующий раз.

В рамках работы над лендингом мы должны были:

Для создания лендинга взяли решение от Tilda — это удобный конструктор, в котором есть все необходимые инструменты, что экономит время и бюджет на кастомной разработке. Мы использовали Tilda и в других похожих проектах: например, когда делали лендинг для медтех-стартапа MedEquip или новогодний адвент-календарь для сети кофеен Skuratov Coffee.

Мы собрали команду из графических дизайнеров, 3D- и моушн-дизайнера, проектного менеджера, копирайтера и бизнес-аналитика, и приступили к работе.

Заказчик хотел, чтобы на главной странице лендинга (ее называют хиро-пейдж) было видео, которое мгновенно погружает игрока в атмосферу игры и дает общее представление о визуале и мире.

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

Первый вариант: мир глазами персонажа

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

Второй вариант: вид сверху и немного интерактива

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

Третий вариант: масштабность боев

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

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

Киллер-фича лендинга — это видео на хиро-пейдж. Оно длится почти минуту.

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

Чтобы решить эту проблему, мы добавили в центр экрана кнопку Play, которая появляется только при включенном блокировщике. Во всех остальных случаях видео воспроизводится автоматически, без лишних элементов на экране.

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

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

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

Заказчик остался доволен результатом. Проект мы завершили недавно, и пока рано говорить о результатах, но уверены, что лендинг привлечет интерес геймеров к Invisible war.

У нас более 10 лет опыта в UX/UI-дизайне мобильных и веб-приложений, а также в графическом и моушн-дизайне. Создаем креативные решения с заботой об удобстве пользователей. Заходите в наше портфолио — показываем красивое, делимся нашими решениями.

Какой сайт или приложение недавно поразили вас своим дизайном? Делитесь впечатлениями в комментариях!