Telegram Mini App · Спорт

Приложение для падел-клуба в Telegram

Бронирование кортов, поиск партнёров и турниры — в Telegram Mini App для игроков, тренеров и сотрудников и в веб-админке для управляющих сетью.

Обсудить похожий проект
Игра на четверыхСоздание игры за четыре шага с уровнем D…A и галочкой «Разделить стоимость»: 2 000 ₽ за корт делятся на четверых по 500 ₽
Срок
2,5 месяца
Платформа
Telegram Mini App
на любое действие в приложении
1–2 касания
Запись и оплата
YClients

Основатель открывал сеть падел-клубов сразу в нескольких регионах России. К открытию первого клуба ему нужно было приложение, через которое клуб продаёт свои услуги, а игроки находят партнёров.

Мы сделали Telegram Mini App для игроков, тренеров и сотрудников с бронированием кортов через YClients и веб-админку для управляющих сетью. На всё ушло 2,5 месяца.

Вид проекта
  • Telegram Mini App
  • Веб-админка
  • UX/UI дизайн
Технологии
  • Flutter
  • FlutterFlow
  • Python
  • Node.js
  • PostgreSQL
Интеграции
  • YClients
  • Telegram-бот
01 · Проблема

Проблема: партнёров для падела ищут в чатах, а корты бронируют на кассе

В падел играют двое на двое, поэтому партнёров ищут постоянно.

Обычно ищут в Telegram-чатах клубов. Бросить клич там удобно, а вот посмотреть свободные корты и забронировать время нельзя. Игрок договаривается с людьми в чате, потом пишет оператору клуба, потом платит на месте.

  • УровниВторая сложность — уровни. Игроки в паделе делятся на категории, и с теми, кто заметно сильнее или слабее, играть неинтересно. Люди сидят в нескольких чатах своего уровня и подбирают пары вручную.
  • Продажи клубаПадел-клубу же нужно, чтобы люди играли чаще и тратили больше. Тренировки, аренду ракеток, мерч и абонементы продают через кассу. Турниры объявляют и собирают в тех же чатах.
02 · Решение

Решение: приложение падел-клуба внутри Telegram

Основатель рассудил так: запись на корты всё равно нужна, значит, пусть приложение сразу продаёт всё остальное и объединяет сообщество.

Жить оно должно в Telegram, где игроки уже общаются, — в формате Telegram Mini App. Скачивать его из App Store или Google Play не придётся.

Требования основателя

  • Главное требование — простота: любое действие в одно-два касания
  • Второе — геймификация, ради которой хочется возвращаться
  • У каждого игрока есть рейтинг, опыт, уровень и бонусы
Выбор клуба

Свой клуб на карте и четыре вводных экрана

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

Игрок выбирает свой падел-клуб на карте в Telegram Mini App, листает вводные слайды и попадает на главную
03 · До старта

Что решили до старта разработки: интеграция с YClients, уведомления и сценарии

На первом созвоне основатель рассказал, каким видит продукт. Мы предложили, как сделать первую версию надёжной и недорогой.

Корты продаются и в приложении, и на кассе клуба. Чтобы игрок не наткнулся на занятый слот, сетка кортов должна жить в одной системе. Например, в YClients, где клубы обычно ведут запись. Для оплаты рассматривали ещё ЮKassa, но выбрали YClients.

Через неделю мы прислали ТЗ с голосовыми комментариями к каждому разделу. Две функции вынесли отдельными опциями с ценой: конструктор баннеров и деление стоимости корта между игроками. Решать, нужны ли они в первой версии, оставили основателю. Он взял обе сразу.

  • Синхронизация с системой бронированияИз YClients в приложение напрямую приходят свободные корты, слоты тренеров и остатки товаров, через него же идёт оплата.
  • Уведомления от ботаПривычных пушей в Telegram Mini App нет. Уведомления приходят сообщениями от бота, в котором живёт приложение. На них мы построили напоминания об играх и анонсы турниров.
  • Камеры — потомОснователь хотел подключить видеонаблюдение за кортами. Инфраструктуры для этого пока не было, поэтому договорились вернуться к камерам после запуска и сейчас за них не платить.
  • Сценарии вместо экрановИнтерфейс проектировали от задач игрока: «зайти и забронировать корт», «найти игру». Каждую задачу уложили максимум в два касания.
Бронь корта

Бронирование корта онлайн в два касания

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

Оплатить можно картой, депозитом или абонементом. Бронь с QR-кодом сразу появляется на главной. Если планы поменялись, бронь можно отменить, а условия возврата видны заранее.

Бронь корта в Telegram Mini App: выбор корта, длительности и свободного времени, оплата и бронь с QR-кодом на главной
Создание игры за четыре шага с уровнем D…A и галочкой «Разделить стоимость»: 2 000 ₽ за корт делятся на четверых по 500 ₽
Игра на четверых

Создание игры с делением стоимости корта на четверых

Чтобы собрать игру в падел, нужно забронировать корт и найти ещё троих. Раньше это делали в двух разных местах. В приложении игру создают от свободного слота за четыре шага: время, публичная или приватная игра, уровень участников от D до A, оплата. Галочка «Разделить стоимость» делит цену корта на четверых. Организатор платит свою долю, и каждый, кто вступает, тоже платит свою. Ссылку на готовую игру можно отправить в любой чат.

Сначала шагов было шесть. Основатель сам предложил убрать «количество игроков» (в паделе их всегда четверо) и «описание игры». Мы предложили убрать отдельный выбор «утро / день / вечер». Свободное время теперь идёт одним прокручиваемым списком, как в Calendly. Шаг «публичная / приватная» оставили: он нужен, чтобы сыграть только с друзьями и не разбирать чужие заявки.

Чат клуба

Поиск партнёра для падела своего уровня в чате клуба

Игроки привыкли искать пары для падела в Telegram-группах по уровням, и чат клуба в приложении устроен так же. Подчаты делятся по уровням (D/D+, C/C+, B/B+) и по темам: соревнования, американо, болталка. Новая публичная игра сама появляется в подчате «Ищу команду» карточкой с временем, кортом и уровнем. Вступить в неё можно прямо из чата.

Чат мы сделали собственный, внутри приложения. Он надёжнее, чем зеркало Telegram-группы, и в переписку прямо встроены игры и рейтинги. Шумные чаты можно заглушить по одному. Позвать знакомого можно и из личных сообщений: игрок жмёт «Пригласить в игру», выбирает игру, и собеседнику приходит приглашение.

Чат падел-клуба: подчат своего уровня, автоматически опубликованная игра и вступление в неё прямо из чата
Заявки в игру: профиль кандидата с рейтингом, местами в турнирах и игровой рукой, игрок принят — игра готова к старту
Заявки и профиль

Заявки в игру и профиль игрока с рейтингом

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

Рейтинг игрока виден на аватарке везде: в списках игр, в чатах, в составе команд. Основатель настоял, чтобы люди сразу видели уровень друг друга. Так проще договориться об игре без лишних расспросов.

Геймификация

Счёт по сетам, опыт и новый уровень игрока

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

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

Игра по таймеру, счёт по сетам за команды-пары, опыт за игру, экран «Новый уровень» и график рейтинга в профиле
Отвечаем за 15 минут

Тоже хотите превратить клубный чат в приложение, которое продаёт?

У вас клуб, студия или сообщество, и вы хотите собрать бронь, оплату и общение в одном месте? Обсудим вашу идею на бесплатном созвоне.

  1. 01 / 03Тренеры

    Запись к тренеру с оплатой бонусными баллами

    Персональная тренировка — одна из главных продаж падел-клуба. Раньше на неё записывались через администратора. В приложении игрок выбирает тренера в магазине клуба и смотрит его профиль и свободное время. Свободные окна учитывают два расписания: график тренера и занятость кортов. Оба приходят из YClients.

    Часть стоимости можно оплатить бонусными баллами, двигая ползунок, 1 балл = 1 ₽. После оплаты в «Моих покупках» появляется QR-билет на тренировку.

    Запись к тренеру в Telegram Mini App: свободное время, оплата бонусными баллами ползунком и QR-билет на тренировку
  2. 02 / 03Магазин

    Магазин падел-клуба: аренда инвентаря по часам и мерч

    Своя ракетка есть не у каждого, кто приходит в падел-клуб, а очередь за прокатом на ресепшене съедает время игры. В магазине приложения есть каталог инвентаря с фото и ценами за час. Игрок выбирает ракетку или мячи, указывает, к какому времени и на сколько часов они нужны, и оплачивает. В «Моих покупках» появляется QR-код: сотрудник сканирует его на ресепшене и выдаёт инвентарь.

    В том же магазине продаётся мерч клуба: футболки, бутылки и другие товары — тоже с QR-кодом на получение. Товары, цены и остатки клуб заводит в веб-админке.

    Магазин падел-клуба: каталог инвентаря, аренда ракетки на нужные часы, оплата и QR-код для выдачи на ресепшене
  3. 03 / 03Депозит

    Депозит с бонусом к пополнению

    Клуб хочет предоплату, игрок хочет скидку. Депозит в приложении даёт обоим то, что им нужно. Игрок пополняет баланс и получает сверху бонус клуба, например 1 000 ₽ + 100 ₽. Вывести деньги с депозита нельзя, зато ими можно оплатить любые услуги клуба: корты, тренировки, аренду, мерч.

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

    Пополнение депозита на 1 000 ₽ в приложении падел-клуба: на балансе 1 100 ₽ с бонусом клуба
Абонементы

Абонементы и QR-билеты, которые гасит сотрудник

Абонемент на несколько посещений покупают прямо в приложении. На ресепшене игрок показывает QR-код, и сотрудник сканирует его в том же мини-аппе, в роли «сотрудник». На экране сразу видно, что куплено и сколько посещений осталось. Одно касание списывает одно посещение. Если код неверный, просроченный или уже использован, сканер об этом сообщит.

По сути, у клуба появилась касса внутри Telegram. Билеты на тренировки, аренду и абонементы гасятся одним сканированием, а история проверок хранится в приложении.

Игрок покупает абонемент и показывает QR-код, сотрудник сканирует его в мини-аппе и списывает одно посещение
Роль тренера

Расписание тренера в приложении

У тренера в том же приложении своя роль.

Он смотрит расписание тренировок по дням или в календаре и закрывает время, когда не работает: целый день или отдельные часы. Закрытые слоты сразу пропадают из записи у игроков.

Веб-админка

Турниры по паделу с призовым фондом в баллах

Для управляющих мы сделали веб-админку. Из неё ведут всю сеть клубов. Турниры — главный способ привлекать игроков в клуб. Раньше их собирали вручную в чатах.

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

Веб-админка падел-клуба: создание турнира с призовым фондом в баллах и выбор победителей с баллами за 1–3 места
Конструктор баннеров в веб-админке: баннер со ссылкой на турнир появляется на главной приложения, игрок открывает турнир
Веб-админка

Баннеры на главном экране без программиста

Анонс турнира или акции не нужно заказывать у разработчика. Менеджер загружает картинку в конструктор и выбирает, куда ведёт баннер: на турнир, товар, тренера или любую ссылку. Баннер появляется в карусели на главной приложения в выбранном клубе.

Веб-админка

Что ещё умеет админка

Разделы веб-админки

  • Клубы.Добавлять клубы сети с адресом, графиком работы и количеством кортов. Приложение с первого дня рассчитано на несколько клубов.
  • Сотрудники и роли.Назначать людям роль «сотрудник» или «тренер» и привязывать их к клубу и к Telegram-аккаунту. Тренер появляется в приложении сразу после одобрения заявки.
  • Товары и абонементы.Заводить мерч, инвентарь для аренды и абонементы с ценой, числом посещений и цветом карточки.
  • Турниры.Смотреть участников и их профили, назначать результаты, отменять турнир и уведомлять участников.
  • Баннеры.Редактировать, снимать с показа, сохранять черновики.
04 · Дизайн

Дизайн приложения: один акцентный цвет и минимализм

Основатель сразу сказал, что копии чужих приложений ему не нужны. Он хотел оригинальный, чистый и минималистичный интерфейс.

Наш дизайнер Анастасия показала несколько вариантов и обосновала выбор основного цвета не вкусом, а задачей интерфейса. Зелёный из брендбука клуба ярче, напоминает о спорте и корте и хорошо выделяет кнопки. Основатель выбрал этот вариант.

  • Прототип, где логика сразу отрисована в дизайне, мы показали точно в обещанный день. К нему приложили видеообзор, чтобы основатель посмотрел его, когда удобно.
  • Всего в макете больше 200 экранов: приложение игрока, роли тренера и сотрудника, веб-админка.
Объём дизайна

320 экранов в макете

194 экрана у игрока, 33 у тренера и сотрудника, 93 в веб-админке.

Макет Telegram Mini App и веб-админки падел-клуба: 320 экранов — 194 у игрока, 33 у тренера и сотрудника, 93 в админке
05 · Процесс

Как работали с основателем

Основатель с первого созвона просил работать «не по жёсткому ТЗ», а вовлекаться и спорить, как члены команды.

Так мы и работали.

  • Видео после каждого этапа.Основатель видел прогресс, не дожидаясь сборки. Его команда смотрела демо вместе и давала добро на следующий этап.
  • Данные — на российском сервере.Базу перенесли на российский сервер, админку — на поддомен клуба.
  • Сдача с полным пакетом.Клиент получил дизайн, код приложения и админки, бота и три видеоинструкции: для админки, для приложения игрока и для приложения сотрудника.
  • Тесты вместе с клубом.После сдачи тестировщица клиента проверяла приложение на реальных сценариях. В её отчётах были десятки пунктов. Мы закрывали их партиями и отвечали по каждому. Спорную логику объясняли короткими видео.
  • Баги отдельно от доработок.Новые идеи, которые появлялись на тестах, складывали в отдельный список, чтобы не сдвигать запуск.
06 · Что дальше

Что дальше: турнирные сетки, камеры и веб-версия

Первая версия приложения для падел-клуба закрывает главное: бронь, игры, сообщество и продажи клуба.

Следующие шаги мы уже обсудили с основателем.

  • Турнирные таблицы и сеткиГрупповой этап, плей-офф, рейтинг клуба. Основатель попросил их в середине работы, и мы вместе решили перенести их во второй этап, чтобы не сдвигать запуск.
  • Камеры на кортахДля записи игр, когда в клубах появится инфраструктура.
  • Веб-версияНа том же домене, в дополнение к Telegram Mini App.
07 · Результат

Результат: своё приложение для сети падел-клубов в Telegram

У сети падел-клубов теперь есть своё приложение в Telegram.

Игроки бронируют в нём корты, собирают игры своего уровня, общаются, покупают тренировки и абонементы и поднимаются в рейтинге.

  • Тренер ведёт там расписание, сотрудник на ресепшене гасит билеты сканером.
  • Управляющие запускают турниры и баннеры для всей сети из веб-админки.
  • Брони, слоты тренеров и оплата идут через YClients и попадают в один учёт с кассой клуба.
  • 2,5 мес.Мини-апп с тремя ролями и веб-админку мы сделали за 2,5 месяца, к открытию первого клуба.
Доступно на 3 площадках

Попробуйте сами

Приложение уже работает в клубах сети — откройте его в Telegram или скачайте в сторе и посмотрите сами.

Бесплатный созвон

Хотите приложение для своего клуба или бизнеса?

Расскажите идею на бесплатном созвоне. Поможем её докрутить и запустим первую версию.

Записаться на созвон

AppBusters

Что будет после заявки

  1. Перезвоним и уточним задачу0 ₽в течение 15 минут · Договоримся о времени созвона.
  2. Созвон на 30 минут0 ₽на следующий день · Разберём идею и покажем похожие кейсы.
  3. Оценка сроков и бюджета0 ₽через 2 дня · Пришлём план первой версии.
  4. Договор и стартпо сметекогда будете готовы

Итого0 ₽

FAQ: разработка приложения для падел-клуба