Навигация
+7 (911) 416-05-91 Ежедневно, 9:00–21:00
→ Telegram Mini App

Telegram Mini App с игровой механикой

Разработано мобильное приложение внутри Telegram с игровой механикой и собственной внутренней экономикой. Пользователь выполняет задания, получает награды, улучшает характеристики через магазин, приглашает друзей и взаимодействует с основным игровым экраном.

Контекст

О проекте

Клиент NDA
Сфера Telegram / GameFi / Mini Apps
Задача

Задачей было создать игровое приложение, которое полностью работает внутри Telegram и по механике напоминает популярные tap-to-earn Mini Apps.

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

Основные требования:

  • Работа непосредственно внутри Telegram
  • Основной игровой экран
  • Система внутренней валюты и прогресса
  • Задания с наградами
  • Магазин игровых улучшений
  • Реферальная система
  • Мобильная навигация между разделами
  • Интерфейс, адаптированный под Telegram Mini App
Как решали

Вызовы и решения

Показываем не только результат, но и задачи, которые пришлось решить по ходу проекта

Много механик на небольшом экране

Проблема
Игровой интерфейс должен одновременно показывать баланс, прогресс, задания, магазин и навигацию, оставаясь удобным на мобильном устройстве.
Решение
Функциональность разделена на самостоятельные экраны с постоянной нижней навигацией и компактной верхней панелью состояния.

Игровая экономика

Проблема
Награды, покупки и прогресс пользователя должны быть связаны между собой и одинаково отображаться во всех разделах приложения.
Решение
Состояние пользователя вынесено в общую модель: баланс и прогресс используются игровым экраном, заданиями, магазином и реферальной системой.

Задания и получение наград

Проблема
У заданий разные состояния: доступно, начато, выполнено и уже получено. Пользователь должен сразу понимать доступное действие.
Решение
Для каждого состояния предусмотрено отдельное поведение и визуальное оформление кнопок Start, Claim и Claimed.

Реферальная механика

Проблема
Пользователь должен видеть приглашённых друзей и бонусы, полученные благодаря реферальной активности.
Решение
Добавлен отдельный раздел Friends со списком приглашённых пользователей, начислениями и действием для отправки приглашения.
Итог проекта

Результаты

Ключевые показатели и эффект от реализованного решения.

5 экранов
основная мобильная навигация приложения
1 Mini App
игровой цикл полностью внутри Telegram
Gamification
прогресс, валюта, задания и улучшения
Referral
механика приглашения и наград
Функциональность

Что реализовали

Ключевые модули и возможности, которые вошли в итоговое решение

Telegram Mini App
Игровой экран
Внутренняя валюта
Прогресс пользователя
Система заданий
Получение наград
Магазин улучшений
Реферальная система
Список приглашённых друзей
Мобильная навигация

Процесс работы

01

Игровая структура

Определены основные экраны, игровая экономика и пользовательский цикл внутри Mini App.

02

Основной экран

Реализован центральный игровой экран с прогрессом, балансом и основным действием.

03

Задания и магазин

Добавлены механики выполнения заданий, получения наград и покупки игровых улучшений.

04

Friends

Подключена реферальная механика со списком приглашённых пользователей и бонусными начислениями.

Стек проекта

Технологии

Инструменты, которые использовали для реализации этого решения

Telegram Mini Apps JavaScript HTML CSS

Хотите так же?

Расскажите о проекте — предложим решение за 24 часа

Быстрая связь: