Как запустить карточную игру в Telegram и не перегрузить новичка

1. С чего начинал

• В одном приложении сходятся коллекция карт, редкости, паки, дека, лиги и PvP. Новичок встречает все эти понятия ещё до первого игрового действия.
• Первый сценарий должен быстро дать повод продолжить и объяснить, что я получил, как собрать деку и зачем идти в турнир. Отдельного обучения нет, есть несколько экранов внутри Telegram.
• Правила, статусы и валюты наград легко заслоняют эмоцию от игры, поэтому состояние должно читаться по форме, цвету и движению.

2. Карта и пак

Карта здесь главный объект, с неё и начал. Сверху стоят уровень, ник инфлюенсера и буст, в центре круглый портрет, под ним счёт, звёзды и номер экземпляра, а название редкости вынесено на язычок у нижнего края. Редкость задаёт цвет всей карты (красная Mythic, жёлтая Legendary, сиреневая Epic), так что игрок отличает карты в веере и в ленте, не читая подписей. Пак сделал объёмным 3D-объектом с оформлением под выпуск, как Snoop Pack, чтобы открытие ощущалось событием.

3. Первый запуск и правила турнира

Первый экран показывает результат: веер карт разных редкостей, заголовок «Your First Cards Are Here!» и одна кнопка Continue. Правила турнира разложил на короткую серию экранов с полосой прогресса сверху, по одной мысли на экран. «Locked During Play» предупреждает, что дека замораживается до конца турнира, и показывает это на настоящих карточках турниров, а «Fight in PvP Battles» сводит бой к образу двух карт и надписи VS. Последний экран «Claim Rewards» заканчивается кнопкой Join Tournament.

4. Свёл статусы в лиги, бейджи и плитки наград

На главном экране турнир занимает одну карточку со статусом Upcoming или Live, бейджем лиги, таймером, рядом плиток с призами ($FLAKES, паки, звёзды, TON) и кнопкой Join. Лиги OG, Bronze, Diamond, Gold и Platinum получили общую форму капсулы со звездой и собственный цвет, поэтому уровень турнира читается по одному бейджу. Механики вынес в гексагональные бейджи с простыми знаками: мечи, щит, молния, вопрос. Экран победы держится на одном состоянии, это зелёный фон, эмблема, «You Win!» и ряд Claimable Rewards с суммами.

5. Бренд за пределами приложения

Знак Inflake — четырёхлучевая звезда над буквой i, и та же звезда работает в бейджах лиг, в валюте и на экране победы. Для каналов сделал отдельный пиксельный язык, где звезда, сердце, лицо и кошелёк набраны из квадратов на тёмной сетке, и на этой же сетке построены обложки рубрик «update announcement» и «inflake ratings». На мерче остались только знак с градиентом и фраза «meet the game changers» на чёрном.

6. Продуктовые метрики

Каждое решение привязано к показателю: что на него работает и по чему это видно в аналитике.

7. Что получилось