> Для AI-агентів: це Markdown-версія сторінки https://figmatica.com/uk/cases/nyan-heroes. Повний індекс сайту Figmatica для LLM: https://figmatica.com/llms.txt

# Nyan Heroes: $3.5M інвестицій: брендинг і дизайн сайту для батл-роялю про котів у мехах

- Рік: 2022
- Галузь: Web3 та ігри
- Послуги: Брендинг, Веб-дизайн, Розробка, Моушн-дизайн
- Результат: Ребрендинг, Брендбук і вайтпейпер
- Стадія: Стартап

## Задача

Nyan Heroes це play-and-earn батл-рояль на блокчейні Solana, де коти керують бойовими мехами. Студія оновила брендинг, і їй потрібен був сайт у новому стилі, який чітко покаже перехід до блокчейн-ігор. Згодом компанія залучила $3.5M.

## Рішення

Ми працювали як окрема дизайн-команда студії: зробили чорнові й детальні прототипи, показали кілька концепцій, а після погодження намалювали всі сторінки з адаптивом і анімаціями. Основа візуалу це яскраво-жовтий на майже чорному. Важкий гротеск працює в парі з піксельним шрифтом, а головні зображення це рендери мехів із самої гри.

## Результати

Сайт зі сторінками персонажів, вакансій і новин, доопрацьовані кольори й шрифти, шаблони для соцмереж і повний брендбук. Наостанок ми оформили в тому самому стилі детальний вайтпейпер.

## Коментарі арт-директора

- **Кожен мех має свою картку.** Люди грають заради персонажів, тож кожен отримав однакову картку: рендер у жовтій рамці, імʼя важким шрифтом і наступний персонаж, що визирає з краю. Така схема підходить для будь-якої кількості героїв без нових макетів.
- **Два шрифти, два голоси.** Integral CF відповідає за заголовки й дає їм вагу гри ААА-класу. Neue Pixel Sans це другий голос для підписів, дат і цифр, легкий натяк на ігри, який не перетворює бренд на ретро.
- **Три кольори, один кіт.** Палітру звели до яскраво-жовтого, майже чорного й сірого, щоб рендери мехів лишалися найпомітнішим на екрані. Знак із котячою головою працює окремо в будь-якому з трьох кольорів.
- **Шаблони, які команда заповнює сама.** Пости про вакансії, анонси зброї та новини зібрані на одній сітці жовтих і сірих карток. З такими шаблонами студія веде соцмережі у фірмовому стилі й не чекає дизайнера на кожну публікацію.

## Посилання

- [Behance](https://www.behance.net/gallery/183492485/BLOCKCHAIN-BATTLE-ROYALE-GAME)

## Часті питання

### Як зробити дизайн сайту для Web3-гри?

Почати з гри. На сайті Nyan Heroes першими йдуть персонажі, світ гри й яскравий анімований перший екран, а все про блокчейн винесено на окремі сторінки й у вайтпейпер. Гравці вирішують за геймплеєм, а інвестори знаходять деталі там, де їх шукають.

### Що робить окрема дизайн-команда для ігрового стартапу?

Вона працює як власний дизайн-відділ студії. Для Nyan Heroes Figmatica зробила прототипи, сайт, айдентику, шаблони для соцмереж, брендбук і вайтпейпер. Студія займалася грою, а одна команда стежила, щоб усе виглядало в одному стилі.

### Як створити айдентику для ігрової компанії?

Взяти все з гри, а потім спростити. Nyan Heroes отримали стриману палітру з яскраво-жовтого, майже чорного й сірого, знак із котячою головою та два шрифти: важкий гротеск для заголовків і піксельний для дрібних деталей. Решту роблять рендери мехів із самої гри.

### Чи потрібен криптогрі вайтпейпер з окремим дизайном?

Так, якщо його читатимуть інвестори й гравці. У вайтпейпері Nyan Heroes ті самі шрифти, кольори й зображення, що й на сайті, тож бачення, механіка гри й токен сприймаються як частини одного продукту.

### Як зробити ігровий сайт зручним на телефоні?

Думати про адаптив ще на етапі прототипу. У Nyan Heroes кожна сторінка, від першого екрана до карток персонажів і новин, має мобільну версію, а анімації переробили під менший екран.