Время чтения: 5 минут
Ищете слаженную команду разработки?
Поможем с дизайном и разработкой приложений для бизнеса и стартапов
Мы создали лендинг для проекта Invisible war — онлайн-игры в жанре военный экономический симулятор с элементами стратегии. Главной нашей задачей было сделать так, чтобы лендинг сразу погружал в атмосферу игры и показывал самые яркие элементы геймплея. Как нам это удалось, покажем в кейсе.
Для начала пару слов о самой игре. Invisible War — это онлайн-стратегия в открытом мире, где игроки создают частные военные компании, управляют ими и сражаются с ЧВК соперников за контроль над территориями.
Слоган игры — «Каждое выбор имеет последствие». И это неслучайно: любое решение влияет на общий ход игры и действия противников. А игрок получает порцию адреналина: ведь выбор нужно делать быстро, и при этом не допустить ошибку.
Главный экран лендинга с тем самым слоганом
Другие важные особенности Invisible war:
Игра ориентирована на молодых мужчин, которые увлекаются военной тематикой и стратегиями. Сейчас Invisible war находится на стадии разработки.
Выбор бойца
Еще одна цель лендинга — собрать статистику по потенциальным игрокам, чтобы понимать, сколько человек заинтересуются проектом до релиза.
Кстати, дизайн и визуальный стиль для Invisible war разработали тоже мы — обязательно расскажем об этом в следующий раз.
Генеральное сражение
В рамках работы над лендингом мы должны были:
Для создания лендинга взяли решение от Tilda — это удобный конструктор, в котором есть все необходимые инструменты, что экономит время и бюджет на кастомной разработке. Мы использовали Tilda и в других похожих проектах: например, когда делали лендинг для медтех-стартапа MedEquip или новогодний адвент-календарь для сети кофеен Skuratov Coffee.
Мы собрали команду из графических дизайнеров, 3D- и моушн-дизайнера, проектного менеджера, копирайтера и бизнес-аналитика, и приступили к работе.
Заказчик хотел, чтобы на главной странице лендинга (ее называют хиро-пейдж) было видео, которое мгновенно погружает игрока в атмосферу игры и дает общее представление о визуале и мире.
Мы подготовили три концепта для раскадровки видео на хиро-пейдж. Презентовали их заказчику, чтобы вместе выбрать лучший вариант.
Первый вариант: мир глазами персонажа
Здесь мы предложили такую фишку: движение камеры от первого лица. Затем камера плавно отдаляется и игрок видит обширную панораму боя сверху.
Такое решение придает видео динамику и создает эффект присутствия
Второй вариант: вид сверху и немного интерактива
В этом варианте камера показывает игровой мир сверху. Появляется самолет, с которого игрок может «сбросить» снаряд — разумеется, в заранее заданную нами цель.
Интерактив со снарядом создает у игрока ощущение, что он уже в игре
Третий вариант: масштабность боев
В последнем концепте мы стремились впечатлить игрока масштабом и передать идею, что сражения могут развернуться в любой точке мира.
Вместо движения камеры от первого лица или вида с самолета, мы выбрали перспективу, будто смотрим на события из космоса
Мы обсудили все три идеи с заказчиком, и в итоге решили сделать микс из первого и третьего концептов: сначала движение камеры от первого лица, а после она перемещается выше и выше, пока не охватывает всю планету из космоса.
Киллер-фича лендинга — это видео на хиро-пейдж. Оно длится почти минуту.
Видео запускается автоматически, как только пользователь заходит на сайт. Правда, при тестировании обнаружили такую вещь: если у пользователя установлено расширение для блокировки рекламы, видео не запускается.
Чтобы решить эту проблему, мы добавили в центр экрана кнопку Play, которая появляется только при включенном блокировщике. Во всех остальных случаях видео воспроизводится автоматически, без лишних элементов на экране.
После видео следует обзор всех важных фич игры. Для большей наглядности мы добавили анимации, которые отражают игровой процесс.
Участие в миссиях
Формирование отряда бойцов
Можно собрать максимально эффективный отряд, прокачивая навыки бойцов и улучшая их вооружение
В конце добавили кнопку с призывом к действию — игроки могут подписаться на обновления, оставив свой email.
Заказчик остался доволен результатом. Проект мы завершили недавно, и пока рано говорить о результатах, но уверены, что лендинг может привлечь к игре Invisible war интерес геймеров.
➡️ Нужен дизайн для веб-сайта или разработка продающего лендинга? Мы в Purrweb готовы помочь. Создаем не только графический дизайн, но также 3D-графику и анимации. При необходимости подключим контент-маркетолога, чтобы визуальные решения подкреплялись сильными продающими текстами.
У вас есть задача? Свяжитесь с нами, чтобы обсудить ее.
Экспертиза в дизайне. Создаем IT-продукты с крутым дизайном более 10 лет. В нашем портфолио — 550+ проектов в самых разных сферах: IoT, EdTech, маркетплейсы, дейтинг-приложения и многое другое.
Решаем все задачи. В команде Purrweb есть эксперты по UI/UX-дизайну, графическому дизайну, моушн-графике и 3D. Закрываем любые запросы: от проектирования интерфейсов и создания стильной айдентики до разработки анимаций, иллюстраций и 3D-моделей.
Превращаем идеи в реальные продукты. Вам не нужно приходить с детально проработанным техническим заданием. Мы возьмем ваши идеи, детализируем их, предложим креативные подходы и превратим задумку в работающий продукт.
Насколько публикация полезна?
Оцени эту статью!
1 оценок, среднее 5 out of 5.
Оценок пока нет. Поставьте оценку первым.
Так как вы нашли эту публикацию полезной...
Подписывайтесь на нас в соцсетях!
Читать
Ваша заявка уже у нас :)
Обычно ответ занимает от 12 до 24 рабочих часов.
Может, вы хотите запланировать онлайн встречу?
Извините, что-то пошло не так при отправке запроса.
Попробуйте позже.