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