PUNCHub

MVP первой международной соцсети для единоборств с нуля

К нам пришёл владелец стартапа без названия — опытный боец. С нуля сделали MVP PUNCHub, первого сервиса, который объединяет бойцов, менеджеров и фанатов единоборств со всего мира.

Другое
UX-исследование
Дизайн
Разработка

Команда: продукт-менеджер, дизайнер, backend- и frontend-разработчики, DevOps-инженер
2 языка на старте: русский и английский
4 целевых сегмента, в MVP — 2
Брендинг — партнёр, студия Jugger

Главное о проекте

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

У бывалого бойца с мировой славой нет отбоя от менеджеров и приглашений на бои. Но что делать новичку, который только начинает карьеру, очень хочет стать известным, но совсем не знает как?

С этим вопросом к нам и пришёл владелец стартапа. Как опытный боец, он не понаслышке знал, насколько сложно бывает на старте карьеры.

задача

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

Анализ рынка и аудитории — изучили рынок и конкурентов, составили портреты бойца и менеджера и сфокусировали MVP на этих двух сегментах
Структура и прототипы — собрали структуру страниц и прототипы, отрисовали пользовательский путь и оставили в нём только самое необходимое для MVP
Дизайн и механики — нарисовали интерфейс, описали механики взаимодействия и собрали библиотеку компонентов
Платформа — каталог бойцов и менеджеров, вакансии и события, профили и чат. Запустили сразу на русском и английском, с монетизацией по подписке
Роль Shadow — предложили теневой профиль с ограниченным доступом на 7 дней

подробности

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

Миссия проекта

Решить международную проблему мира единоборств — поиск и привлечение новых талантов в профессиональные организации.

Расширить пул бойцов и сделать поединки разнообразнее
Создать пространство для общения без границ
Дать молодым бойцам возможность заявить о себе и попасть в профессиональный спорт

Задачи и этапы

Брендингразработать название и фирменный стиль, платформу бренда и брендбук
Оценка работоставить то, что войдёт в MVP, остальное отложить в бэклог как интересное, но не приоритетное
Проектированиеотрисовать User Flow, чтобы учесть все возможные сценарии взаимодействия пользователей с платформой
UX-исследованиена основе анализа рынка и конкурентов продумать структуру страниц и собрать прототипы
UX/UI-дизайнотрисовать дизайн, описать механики взаимодействия, собрать библиотеку компонентов (UI-kit) и подготовить макеты к разработке
Бэкенд и фронтендразработать MVP и запустить его в работу и на тестирование

Сегменты и портреты клиента

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

Боец Маркус, 21 годначинающий боец в дисциплине ММА. Не имеет постоянного дохода, мечтает попасть в топ бойцов UFC. На платформе ищет менеджера, который поможет с продвижением
Менеджер Ренсо, 45 летопытный боец с хорошим достатком. Раньше сам участвовал в боях, потом ушёл из спорта и стал менеджером. На платформе ищет бойца по определённым параметрам и под конкретные события

User Flow и гостевая зона

Первоначальный User Flow получился объёмным: в нём учли все потребности менеджеров и бойцов. Оставлять все функции для проверки жизнеспособности продукта было бы слишком трудозатратно, поэтому оставили самое необходимое. Гость — пользователь, который ещё не знаком с платформой, и задача — рассказать ему о выгодах и замотивировать зарегистрироваться.

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

Роль «Менеджер»

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

Чтобы менеджеру не приходилось просматривать длинный каталог бойцов, добавили фильтры для отбора по нужным критериям
Кнопка «Сотрудничать» сразу переводит в чат по вакансии

Роль «Боец»

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

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

Подписка и доверие к новому сервису

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

Запустить рекламную кампанию платформы в соцсетях за несколько месяцев до запуска, чтобы потенциальные пользователи заранее познакомились с брендом и продуктом и успели к ним привыкнуть
Снизить стоимость подписки в первые несколько месяцев работы платформы, чтобы привлечь как можно больше пользователей
Добавить роль «Shadow» — теневой профиль, который в течение 7 дней имеет ограниченный доступ к внутренним разделам платформы. Так пользователь может опробовать платформу и её функции и решить, нужна ли ему подписка
Спроектировать структуру для теневого пользователя так, чтобы убедить его в пользе платформы, но не дать бесплатно воспользоваться всеми функциями

Технологии

Бэкенд на PHP и Laravelпроверенные коммерческие технологии обеспечили стабильную работу сервиса и бесшовное масштабирование, критически важное для социальной сети
Фронтенд на Nuxt.js и Vue.js с TypeScriptвысокая производительность, строгая типизация и надёжность кода, оптимизация для SEO
Два языка с запускарусский и английский, чтобы охватить аудиторию по всему миру. Архитектура кода позволяет просто и быстро добавлять новые языки

результат