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.
