Popcorn Capitals

Кейс Popcorn Capitals: обучающее Telegram Mini App

Ссылка

Краткое описание

Telegram Mini App с обучением финансовой грамотности, геймификацией и психологическими тестами

Задача

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

О проекте

Разработали Telegram Mini App для блогера с обучением и геймификацией. Внутри: видеолекции, авторские тесты, трекинг прогресса, «тапалка», реферальная программа, достижения, рейтинги. Вся экономика завязана на PopcornCoin — внутриигровой валюте с планом листинга. Пользователи зарабатывают монеты, проходя обучение и задания. Есть рассылка уведомлений от имени бота через админку и награды за дейлики.

Бизнес-выгоды

•ДОЛЯ АКТИВНЫХ ПОЛЬЗОВАТЕЛЕЙ ВЫРОСЛА НА 250% БЛАГОДАРЯ ЕЖЕДНЕВНЫМ ЗАДАНИЯМ, РЕЙТИНГУ И РАЗМЕЩЕНИЮ В TELEGRAM MINI APP

•ДИНАМИКА РОСТА ДОХОДА ОТ КОМИССИЙ / ПОКУПОК ВНУТРИ КАЖДЫЙ КВАРТАЛ СОХРАНЯЛАСЬ НА 90% ЗА СЧЁТ ДОПОЛНИТЕЛЬНОЙ МОНЕТИЗАЦИИ ЧЕРЕЗ ВНУТРИИГРОВУЮ ЭКОНОМИКУ POPCORNCOIN

•УВЕЛИЧИЛОСЬ КОЛИЧЕСТВО ИНВЕСТОРОВ НА 50% БЛАГОДАРЯ НОВОЙ ВОРОНКЕ ИЗ ПОЛЬЗОВАТЕЛЯ В ИНВЕСТОРА

Функционал

Профиль пользователя

•Карточка пользователя

•Прогресс по курсам, обучениям, тестам

•Общий рейтинг

•Достижения

•Баланс PopcornCoin

•История действий

•Просмотренные лекции

•Пройденные тесты

•Начисленные награды

•Все транзакции PopcornCoin

•История внутренних покупок

Telegram-авторизация

•Вход через Telegram ID — авторизация без логина и пароля

•Использование Telegram ID как уникального идентификатора

Управление обучением на платформе

•Формирование курсов из модулей и уроков

•Кастомное наполнение модулей и уроков

•Поддержка плейлистов видеолекций

•Сохранение позиции просмотра видео

•Возможность продолжить обучение с последнего места

Видео-контент

•Встроенный видеоплеер

•Контроль факта просмотра (фиксация начала и завершения)

•Привязка просмотра к прогрессу пользователя

Авторские тесты

•Разные форматы тестирования: одиночный выбор, множественный выбор, кейсовые вопросы

•Ограничение количества попыток

•Подсчёт баллов по результатам прохождения

Трекинг прогресса

•Процент завершения курса

•Прогресс по каждому модулю

•Количество попыток прохождения тестов

•Набранные баллы

Поэтапное открытие уроков

•Следующие уроки разблокируются только при выполнении условий: достижение минимального порога баллов, завершение предыдущего модуля, исчерпание или использование попыток

•Контроль последовательности обучения

•Исключение «пролистывания» контента

Вовлекающие мини-тесты

•Лёгкий вход в продукт через короткие тесты

•Формат быстрого результата

•Тематические тесты (например, определение типа инвестора)

•Механика повторных заходов

•Возможность пройти тест повторно

•Обновление результата

•Использование тестов как инструмента удержания

Внутренняя валюта

•PopcornCoin используется как единая расчётная единица внутри платформы

•Отображение баланса в профиле пользователя

P2E-механика

•Интеграция обучения и игровой экономики

•Механика «действие → вознаграждение»

•Связка прогресса и накопления валюты

Тапалка

•Базовая click-to-earn механика

•Начисление PopcornCoin за активность

Система достижений

•Публичные ачивки за прохождение курсов

•Специальные статусы, уровни пользователей

•Система ачивок и набор триггеров

•Система наград, награды за активность

•Система триггеров для получения достижений, наград и ачивок

•Отображение математики для прозрачности начислений

Рейтинг пользователей, лидерборд

•Формирование лидерборда

•Сортировка по активности, баллам или валюте

•Отображение позиции пользователя

•Публичное отображение достижений и ачивок в профиле

•Стимулирование конкуренции

•Повышение возвратов и вовлечённости

Реферальная система

•Персональная реферальная ссылка

•Генерация уникальной ссылки

•Deeplink в мини-приложение

•Учёт приглашённых пользователей

•Отдельный список рефералов

•Статусы приглашённых

•Начисления за активность приглашённых

Retro Drop Программа

•Начисление PopcornCoin за каждого реферала

•Начисление Coin за определённые действия в приложении

•Отображение истории начислений

•Отображение математики для прозрачности начислений

•Просмотр лекций

•Успешное прохождение тестов

•Ежедневные действия

•Выполнение недельных заданий

•Активность в кликер-механике

•Реферальные действия

Динамичная система баланса начислений

•Ограничения по количеству начислений

•Управление темпом накопления валюты

•Настройка коэффициентов начисления

Стек технологий

1. Frontend:

•React

•Redux Toolkit

•TanStack React Query

•Telegram.WebApp

Цели дизайна:

•ПОКАЗАТЬ ПРОГРЕСС И ВЫИГРЫШ ПОСЛЕ КАЖДОГО ДЕЙСТВИЯ, ЧТОБЫ ЛЮДИ ЧАЩЕ ВОЗВРАЩАЛИСЬ

•ПОВЫСИТЬ ВОВЛЕЧЁННОСТЬ ПОЛЬЗОВАТЕЛЕЙ НА 50% ЧЕРЕЗ ПОНЯТНЫЙ И ОСЯЗАЕМЫЙ ВНУТРИ ИНТЕРФЕЙСА POPCORNCOIN, ЧТОБЫ АКТИВНЕЕ КОПИЛИ И ТРАТИЛИ

•СДЕЛАТЬ УДОБНЫЙ ПРОЦЕСС ОБУЧЕНИЯ И ВИДИМОСТЬ РЕЗУЛЬТАТА

•HTTPS://WWW.FIGMA.COM/DESIGN/XLZJHZZO3INST12KVDGDL2/POPCORN-(COPY)?NODE-ID=

Результаты дизайна:

•ЯРКАЯ ПОДАЧА: НАЗВАНИЕ И СТИЛЬ НАМЕКАЮТ НА РАЗВЛЕКАТЕЛЬНЫЙ ФОРМАТ ИНВЕСТИЦИЙ (АССОЦИАЦИИ С КИНО/ПОПКОРНОМ), ЧТО ДЕЛАЕТ ПЛОЩАДКУ ЗАПОМИНАЮЩЕЙСЯ

•АКЦЕНТ НА РЕЗУЛЬТАТАХ: ДИЗАЙН ПОДЧЁРКИВАЕТ СТАТИСТИКУ И КЕЙСЫ УСПЕШНЫХ ПРОЕКТОВ, УСИЛИВАЯ ДОВЕРИЕ СО СТОРОНЫ ИНВЕСТОРОВ

•ПРОСТОТА УЧАСТИЯ: ФОРМА РЕГИСТРАЦИИ И ОБЪЯСНЕНИЯ ПОНЯТНЫ, ЧТОБЫ БИЗНЕСМЕНЫ СРАЗУ МОГЛИ ОЦЕНИТЬ ПРЕИМУЩЕСТВА УЧАСТИЯ