Камень-Ножницы-Бумага: детские игры с серьезными призами в приложении Альфа-Банка

«Камень-ножницы-бумага» — простая детская игра, знакомая каждому. Но что, если превратить ее в захватывающий турнир с реальными призами? Именно такую задачу поставил перед нами Альфа-Банк.

Клиент обратился к нам с предварительным техническим заданием на дизайн мини-игры, в основе которой лежала механика классического соревнования. Нам предстояло создание интерфейса игрового процесса для двух пользователей, разработка магазина скинов для кастомизации игровых «рук» и интеграция с кэшбэк-системой банка, чтобы пользователи могли использовать свой кэшбэк в качестве игровой валюты. Цель игры заключалась в том, чтобы оплатить попытку участия в игре кэшбэком, победить соперника и забрать его кэшбэк в случае победы.

Для выполнения этой задачи мы сразу сформировали две команды: UX/UI-специалистов и маркетинговых коммуникаций. Это позволило параллельно вести работу над пользовательским опытом и визуальной концепцией. 

Команда проектировщиков детально проанализировала ТЗ, составила карту экранов и проработала пользовательские сценарии для каждого этапа игры. Этот подход позволил быстро вносить корректировки на этапе проектирования, учитывая новые бизнес-требования заказчика, и в итоге выстроить логичный и удобный пользовательский путь. Вместе с Альфа-Банком мы пришли к решению, что кэшбэк должен стать не просто бонусом, а полноценной игровой валютой, которая повышает ценность победы.

Параллельно команда маркетинговой коммуникации работала над визуальным и эмоциональным образом игры. Мы предложили клиенту три принципиально разных стилевых направления: яркий и дружелюбный мультипликационный стиль, агрессивный панк-стиль и современный концепт в духе «эмодзи-рук». После обсуждения выбор пал на первый вариант, который идеально соответствовал фирменному стилю Альфа-Банка, выглядел динамично и давал широкие возможности для дальнейшего творчества в анимации и дизайне предметов.

Когда мы определились с основным направлением, нам необходимо было превратить варфреймы в полноценные готовые макеты. Было предложено несколько вариантов главной страницы, игрового поля и рейтинга. После нескольких итераций и правок мы утвердили окончательный дизайн, а затем перешли к проработке всех макетов, включая corner-кейсы, пустые состояния и состояния ошибок.

Чтобы оживить игру, новым рукам требовалась выразительная анимация. Столкнувшись с техническими ограничениями движка мини-приложения, мы отказались от изначального плана по сложной 3D-анимации в пользу классической покадровой анимации. Для каждого жеста («камень», «ножницы», «бумага») было отрисовано от 10 до 12 ключевых кадров, что позволило добиться плавности и детализации без потери производительности.

Для работы этой анимации и системы кастомизации мы создали спрайтшиты — графические файлы, в которых все элементы (руки, перчатки, лаки, кольца, браслеты) собраны в определённой последовательности. Такой подход обеспечил эффективное управление ассетами внутри игры.

Одной из ключевых механик для удержания игроков стала глубокая система кастомизации. Мы разработали внутренний магазин, где пользователь может создать уникальный образ своей игровой руки, комбинируя предметы из разных категорий: татуировки, лаки для ногтей, браслеты, кольца и перчатки. Каждая категория содержала несколько вариантов, включая эксклюзивы, такие как перчатка Льва Яшина, перчатка Аквамена и специальное кольцо для членов А-Клуба. Важным условием от бренда было наличие в каждой категории элемента в фирменном красном цвете Альфа-Банка, что стало объединяющим визуальным акцентом.

Даже небольшая по функционалу игра требует огромного внимания к деталям и понимания целей пользователя. В рамках проекта мы разработали более 200 экранов (с учётом адаптивов), смоделировали и отрендерили десятки изображений для спрайтов и ачивок, а также отработали более 800 правок и комментариев в Figma.

На выходе мы получили не просто игру, а полноценную игровую систему внутри банковского приложения. Яркий, дружелюбный визуал усилил бренд, глубокая кастомизация повысила лояльность, а технически отлаженный продукт стабильно работает на большинстве устройств.

Проект принёс измеримые бизнес-результаты: значительный рост ежедневной активной аудитории (DAU), увеличение времени, проводимого в приложении, и трансформация модели кэшбэка. Теперь существенная часть кэшбэк-средств не выводится, а реинвестируется в игровую экономику, создавая управляемую петлю лояльности и новую точку контакта с клиентом.