Ниша: онлайн-игры, социальные приложения

Особенности: лендинг, графический дизайн, 3D-графика, моушн-дизайн

Онлайн-игры

Социальные приложения

Лендинг с анимациями и 3D-графикой

Лендинг
с анимациями и 3D-графикой

Heading

Проект уже в релизе

сайт

Заказчик

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

О проекте

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

Игра на тот момент была в разработке — фаундер хотел показать лендинг инвесторам, а также узнать количество заинтересованных игроков.

задачи

Выбор концепта

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

мир глазами персонажа

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

Mysterious landscape with floating object

вид сверху и элементы интерактива

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

Jet aircraft flying over a mountainous landscape

Game interface with aerial view and controls

масштаб боев

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

Map highlighting regions in invisible war context

Game interface with world map and character selection

Game selection screen with character stats

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

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

Ищете команду для 3D дизайна?

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

Пообщаться с командой

тех стек

технологический стек

результаты

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

После видео идет обзор с анимациями игрового 
процесса — чтобы продемонстрировать особенности игры.

Участие в миссиях

Формирование отряда бойцов

В игре есть уникальные бойцы, которых можно прокачивать

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

посмотреть на анимации

оценить фиЧИ ИГРЫ

ПОДПИСАТЬСЯ НА ОБНОВЛЕНИЯ