Навигация
+7 902 777-55-10 Ежедневно, 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
Игровые механики
прогресс, валюта, задания и улучшения
Реферальная система
механика приглашения и наград
Функциональность

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

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

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

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

01

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

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

02

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

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

03

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

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

04

Friends

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

Стек проекта

Технологии

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

Telegram Mini Apps JavaScript HTML CSS

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

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

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