battue
Battue — геолокационная мобильная игра для Android и iOS, которая сочетает прятки в реальном мире с цифровой игрой и добавляет коллекционные NFT-предметы.
Сайт игры на десктопе и мобильном, 3D-рендеры игровых гаджетов, меток на карте и NFT-предметов, дорожная карта в виде прогресс-бара и две презентации: одна об игре, другая для инвесторов.
Дизайн сайта для геолокационной AR-игры
Battue — геолокационная мобильная игра для Android и iOS: игроки охотятся на цели поблизости в версии пряток в реальном мире, обычные места становятся игровыми аренами, а поверх геймплея — коллекционные NFT-предметы. Мы разработали весь сайт: страницы о проекте и команде, список статей блога и шаблон статьи, FAQ, контакты и блок дорожной карты под названием «What's next?».
У всех страниц общая основа — почти черный темно-синий фон и HUD-панели со скошенными углами, поэтому ответ в FAQ или контактная форма выглядят как меню из игры. Все основные действия вынесены на светящиеся пурпурные кнопки, а голубым отмечены мелкие подписи и открытый вопрос FAQ.
3D-рендеры гаджетов, меток на карте и NFT-предметов
Сайт объясняет игру в основном через объекты. Мы сделали серию 3D-рендеров: защищенный смартфон, обведенный красным неоном, бластер с голубыми панелями и янтарными кольцами, красную метку на карте на темном постаменте в кольце света и чип с надписью «NFT». Каждый стоит в рамке со срезанными углами с HUD-деталями вроде выноски «Analysis» или GPS-координат, а на странице они идут рядом с текстом, который объясняет режимы Hunt Mode и Kill Mode.
Страницы блога и команды используют ту же рамку. Карточки постов сочетают изображение с тонкой янтарной или розовой окантовкой и темной плашкой подписи, а раздел команды размещает портреты внутри одного HUD-экрана, каждый с подписью роли — от CEO до маркетинга.
Мобильные экраны сайта и дорожная карта в виде прогресс-баров
В кейсе семь мобильных экранов, и каждый десктопный модуль перекомпонован в одну колонку. Логотипы франшиз под заголовком «Legendary creators join forces» (GTA, Max Payne, Hitman, Dead Island) складываются в двухколоночную сетку, команда превращается в карусель, а объяснение игры в прятки стоит над темной картой города с красным ромбом тревоги. За кнопкой «Join Quiz Platform» бирюзовая перспективная сетка напоминает пол аркадного меню.
На десктопе первый экран сочетает заголовок с двумя портретами киберпанк-персонажей и полосой логотипов СМИ. Дорожная карта превращает этапы разработки в прогресс-бары со шкалой до 100 и пометками «Complete» или «In progress», так что посетители проверяют статус проекта так же, как игрок проверяет прогресс квеста.
Питч-дек игры: оружие, миссии и сезонный пропуск
Помимо сайта, мы разработали питч-дек самой игры. Темы слайдов идут за продуктом: «Thrill of Exploration», «Weapons & Gadgets», «Player VS Player», «In-Game Shop», «Season Pass», «Geo-location Mission», дорожная карта, шкала предложения токена и опыт команды.
Каждый слайд использует одну рамку: темную панель с вырезанными углами и маленькими индикаторами статуса вверху — HUD-словарь сайта, перенесенный в формат презентации. Слайды с большим количеством предметов, например «Weapons & Gadgets», становятся сеткой-каталогом маленьких рендеров, а «Player VS Player» сведен к двум лицам, разделенным синим и красным светом внутри желтой скобки.
Space Mono и General Sans в презентации для инвесторов
Презентации построены на двух гарнитурах: Space Mono для заголовков и General Sans для основного текста. Моноширинные заголовки перекликаются с показаниями координат в игре, а General Sans сохраняет читаемость рыночных и бюджетных цифр в презентационном масштабе. Слайд «Map & Missions» показывает, как выстроен геймплей: снимки карты с карточками миссий вроде «Breach Protocol» лежат поверх бледного плана улиц, над шкалой «Scan analysis».
Слайды для инвесторов охватывают «Product», «Market», «Business Model», «Timeline», «Fundraising» и «Financials». Акценты взяты из одного набора: голубой, пурпурный, желтый и красный. На слайде «Business Model» фримиум, игровая валюта и NFT-предметы получают каждый свой цвет, а «Timeline» завершается рендером красной ракеты.
Факты о проекте
- Клиент
- Battue, геолокационная мобильная игра для Android и iOS с коллекционными NFT-предметами
- Отрасль
- Мобильные игры, NFT
- Платформа
- Веб (десктоп и мобильная версия), питч-деки
- Услуги
- UX/UI-дизайн сайта, 3D-рендеры, дизайн питч-деков
- Что сделано
- Сайт игры с разделами «About», «Team», «Blog», «FAQ», «Contacts» и дорожной картой, включая семь мобильных экранов; 3D-рендеры гаджетов, меток на карте и NFT-предметов; презентация игры и презентация для инвесторов
- Больше работ в
- 3D-графика и моушн-дизайн, UX/UI и веб-дизайн, Питч-деки и презентации
- Похожие кейсы
- Optix, FLEX, Hi-Tech Club
- Смотрите также
- Питч-дек Battue
Вопросы о проекте
Что такое Battue?
Battue — геолокационная мобильная игра для Android и iOS: игроки охотятся на ближайшие цели, играя в прятки в реальном мире, обычные места становятся игровыми аренами, а поверх геймплея есть коллекционные NFT-предметы.
Что студия thelegacy разработала для Battue?
Полноценный сайт игры для десктопа и мобильных устройств с разделами «About», «Team», «Blog», «FAQ», «Contacts» и дорожной картой, 3D-рендеры игровых гаджетов, меток на карте и NFT-предметов, а также две презентации: одну об игре, другую для инвесторов.
Чем сайт Battue похож на саму игру?
У всех страниц общая темно-синяя, почти черная основа и HUD-панели со скошенными углами, поэтому ответ в FAQ или контактная форма выглядят как меню из игры. Пурпурные светящиеся кнопки отвечают за основные действия, а дорожная карта показывает этапы разработки как шкалы прогресса с оценкой из 100.
