Ниша: онлайн-игры, социальные приложения
Особенности: лендинг, графический дизайн, 3D-графика, моушн-дизайн
Онлайн-игры
Социальные приложения
Лендинг с анимациями и 3D-графикой
Лендинг
с анимациями и 3D-графикой
.webp)
Заказчик
К нам обратился основатель проекта Invisible War — онлайн-игры с открытым миром, где пользователи управляют бойцами и завоевывают территории.
О проекте
Заказчик попросил нас создать привлекательный лендинг с анимациями, который бы наглядно показывал особенности игры.
Игра на тот момент была в разработке — фаундер хотел показать лендинг инвесторам, а также узнать количество заинтересованных игроков.
задачи

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




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




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




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

результаты
Видео запускается автоматически, как только заходишь на сайт. Однако на этапе тестирования мы заметили, что если у пользователя установлено расширение для блокировки рекламы, то видео не будет воспроизводиться. Решили эту проблему добавлением кнопки Play по центру экрана.
После видео идет обзор с анимациями игрового
процесса — чтобы продемонстрировать особенности игры.
Участие в миссиях
Формирование отряда бойцов
В игре есть уникальные бойцы, которых можно прокачивать
В конце ролика и внизу страницы добавили CTA-кнопку. Игроки могут оставить свой email, чтобы подписаться на обновления
