PadelPro — приложение для игры в падел

PadelPro — приложение для игры в падел

PadelPro — клуб для игры в падел с несколькими кортами. Приложение даёт новичкам и опытным игрокам самостоятельно зарегистрировать и записаться на игры, турниры, индивидуальные тренировки, забронировать корт и отслеживать статистику своего прогресса.

Моя роль: продуктовый дизайнер. Отвечала за логику приложения, пользовательские пути, дизайн-концепцию с нуля, все экраны на основе User Flow и личный кабинет.

Design App

Design App

Product Design

Product Design

UX research

UX research

Design System

Бизнес-потребность

Бизнес-потребность

Нужно перенести запись в приложение, чтобы отпала необходимость писать администратору в Telegram. Клиент сам видит свободное время, выбирает слот и записывается на игру или отменяет при необходимости. Это снимает нагрузку с администратора и увеличивает число участников клуба за счёт удобства записи, наличия рейтинга и статистики.


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

Решение

Решили сделать MVP, сфокусировавшись на записи на игры и кратком личном кабинете с результатами. В дальнейшем предполагается расширение: пользователь сможет посмотреть подробности по каждой игре, в которой участвовал, а также расширится функционал по оплате и участию игроков.

Решение

Решили сделать MVP, сфокусировавшись на записи на игры и кратком личном кабинете с результатами. В дальнейшем предполагается расширение: пользователь сможет посмотреть подробности по каждой игре, в которой участвовал, а также расширится функционал по оплате и участию игроков.

Jobs to be Done и User Story

Jobs to be Done и User Story

Сформулировала Jobs to be Done и User Story, чтобы перевести боли в конкретный состав функционала. Из них выросла логика: запись с минимумом шагов, показ правил возврата до оплаты, тестирование уровня, статистика в личном кабинете и запись по уровню.

CJM

CJM

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

CJM для профи

CJM для новичка

Гипотезы

Гипотезы

Гипотеза 1: если запись сделать с минимумом шагов и показать правила возврата до оплаты, игроки будут записываться сами, потому что исчезает трение и тревога за отмену.

Гипотеза 2: если игрок проходит тестирование уровня и видит игры своего уровня, он возвращается, потому что игра ему интересна.

Гипотеза 3: если игрок видит статистику и рост, retention выше, потому что появляется причина возвращаться.

Гипотеза 4: если оставить три основные кнопки, пользователь быстрее доходит до нужной функции.

Бенчмаркинг

Бенчмаркинг

У конкурентов списки перегружены, а интерфейсы сделаны таблично, что отталкивает, поэтому оставила в списке игр только время, адрес, стоимость и свободные слоты, а всё остальное убрала под «подробнее» — так списки читать проще, потому что появляется воздух.


Ближайшую запись вынесла наверх главной: когда пользователь открывает приложение на бегу, спеша на тренировку, важно, чтобы он сразу вверху увидел, где и во сколько она проходит. Внизу оставила три основные кнопки — все игры, турниры, индивидуальные тренировки — вместо 4–5 как у конкурентов.


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

User Flow

User Flow

Составила User Flow записи на игру со всеми разветвлениями. По CJM опытные игроки не хотели тратить время на запись, поэтому путь построен с минимумом шагов: игрок сразу выбирает игру из списка, открывает подробное описание, видит правила возврата и переходит на оплату. Правила возврата показываются до оплаты — это снимает тревогу «а если не смогу, вернутся ли деньги». После оплаты игрок получает все данные о записи и может посмотреть их в личном кабинете.

User Flow приложения

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

Онбординг

Онбординг

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

Регистрация

Регистрация

Регистрация с верификацией пользователя — по телефону или email. Верификация нужна, чтобы за записью стоял реальный игрок, а уровень соответствовал действительности.

Верификация и тестирование

Верификация и тестирование

Регистрация с верификацией пользователя — по телефону или email. Верификация нужна, чтобы за записью стоял реальный игрок, а уровень соответствовал действительности.

Запись на тренировки

Запись на тренировки

После регистрации открываются основные действия: запись на игру, запись на турнир и бронь корта. Перед ними игрок проходит тестирование уровня, чтобы попасть в игру со своими. В записи первым указано метро, затем адрес, добавлена карта с открытием в Яндекс Картах — интервью показали, что игроки часто не могут найти место. В оплате добавила подпись с составом стоимости: это закрывает боль непонятной цены.


В списке можно создавать игры для новичков по своему уровню, а тренеры сами создают тренировки с указанием уровня — так снимается страх новичка оказаться хуже всех. Если игрок сомневается в автоопределении рейтинга, он может записаться к тренеру, который поставит правильный.

Все ключевые сценарии

Личный кабинет

В личном кабинете игрок может записаться на индивидуальную тренировку — в том числе чтобы тренер скорректировал его уровень, если он сомневается в результате тестирования.

В личном кабинете игрок видит личные данные и статистику: во скольких играх участвовал, где выиграл и проиграл, какой у него рейтинг. Здесь же может отредактировать личные данные. Статистика закрывает запрос из интервью — отслеживать прогресс и рост.

UI-Kit

UI-Kit

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

Дизайн-система

Результат

Результат

Приложение разработано с нуля до единицы, реализован весь ключевой функционал. Продукт сейчас в разработке. На UX-тестах 8 из 10 пользователей прошли сценарии без затруднений.

С помощью Jobs to be Done определила состав MVP — в приложение вошло только то, что решает задачи игрока. CJM зафиксировала боли на каждом шаге пути, и каждое решение закрывает конкретную из них. Исследования дали реальные пользовательские потребности, из которых в MVP вошли ключевые для запуска.

Планы развития:

  • Расширение статистики в ЛК — вывод подробной информации по каждой сыгранной игре.

  • Просмотр всех тренеров клуба.

  • Перенос денежных средств при отмене на баланс пользователя вместо возврата на карту. Развитие до кошелька для хранения средств внутри приложения.

Cледующий кейс

Пишите, сделаем классный продукт вместе

Пишите, сделаем классный продукт вместе

Пишите, сделаем классный продукт вместе

Пишите, сделаем классный продукт вместе

Create a free website with Framer, the website builder loved by startups, designers and agencies.