MatchMate
От прототипа в браузере до приложения на проверке в App Store — с брендом, сайтом и бэк-офисом вокруг него.
- Проблема
- Любительский футбол организуют в хаотичных групповых чатах.
- Моя роль
- Сооснователь. Продуктовое направление, бренд, дизайн, разработка и контент.
- Подход
- Сузить продукт до одного вида спорта, проверить его как прототип в браузере, а затем пересобрать на настоящем бэкенде с проверками безопасности.
- Что сделано
- Приложение для iOS и Android, дизайн-система, сайт, контент для Instagram и Founder HQ.
- Результат
- Приложение повторно отправлено в Apple 21.10.2026. Сайт работает. Более 200 тыс. просмотров Reels до запуска.
Организовать игру не должно быть сложнее, чем сыграть её.
Любительский футбол живёт в групповых чатах. Кто-то предлагает время, ответы теряются в разных ветках, кто-то отказывается накануне вечером, и никто точно не знает, кто придёт и где поле.
MatchMate собирает весь матч в одном месте: найти игру рядом, записаться, увидеть, кто ещё идёт, — а организатор ведёт список, не уговаривая каждого.
Самой полезной работой было решить, от чего отказаться.
Первые планы были широкими: все виды спорта, бронирование, оплата, социальная лента. Чтобы прийти к версии, которой люди действительно смогут пользоваться, пришлось сознательно резать.
Сначала футбол
Дизайн-система была написана под шесть видов спорта. Первая версия выходит с одним, чтобы каждый экран можно было как следует сделать и протестировать.
Без оплаты в приложении
Приём денег в приложении означает регулирование, правила магазинов приложений и риски. Игроки рассчитываются вне приложения — как и сейчас.
Запрашивать меньше данных
Apple спросила, зачем при регистрации нужны дата рождения и город. Ни то, ни другое для игры не требовалось, поэтому оба поля убрали.
Культура городского спорта с отделкой премиального продукта.
Направление бренда сочетает два настроения: Urban Premium — структура и спокойствие, Street Editorial — характер. Тёмная тема по умолчанию, светлая — альтернатива. Я оформил всё это в дизайн-систему, чтобы каждый экран, пост и страница следовали одним правилам.
Тёмная тема по умолчанию · зелёный для действий · тёплый оранжевый для социальных моментов
Фон#0B0F0C
Поверхность#1E2B22
Акцент#66D17A
Тёплый#FF6A2A
Смело и выразительно, но без хаоса. Премиально и структурно, но не скучно.
Шаблонных стартап-решений, кричащего «игрового» интерфейса и официальных клубных эмблем без лицензии.
Одно зелёное главное действие на экран. Тёплый оранжевый — только для социальных акцентов.
Быстро, плавно, под контролем. Ярко — только в важные моменты.
Построено вокруг жизненного цикла одного матча.
Вместо списка функций приложение следует за тем, что происходит на самом деле: кто-то находит игру, организатор набирает состав, группа играет, и все чувствуют себя в безопасности, даже с людьми, которых ещё не знают.
Apple, Google или email. Переключатель языка — уже на первом экране.
Матчи поблизости с фильтрами по видимости и формату, сортировка по времени или расстоянию.
Три шага. Организатора сразу предупреждают, что за площадку отвечает он.
Оплата согласуется с организатором, и приложение прямо об этом говорит.
У постоянных компаний есть свои матчи, чат, участники и правила.
Уровень игры, сыгранные матчи и отдельные оценки как организатора и как игрока.
Реальные экраны из сборки для iOS · листайте вбок →
- Матчи поблизости
- Карта игр и полей
- Геолокация только пока приложение открыто
- Создание матча в несколько шагов
- Приглашение игроков по коду
- Лист ожидания, если мест нет
- Инструменты организатора для управления списком
- Чат матча для всех участников
- Сообщества со своим чатом и правилами
- Оценки организаторов и игроков
- Жалобы и блокировка
- Закрытые профили и запросы на подписку
- Фото профиля проверяются до публикации
- Удаление аккаунта прямо в приложении
Каждый экран есть на английском и европейском португальском, а язык можно переключить уже на первом экране.
Вход через Apple или Google · Face ID может защищать настройки аккаунта на телефоне · Геолокация только пока приложение открыто.
От того, что выглядело как приложение, к тому, что работает как приложение.
Первая версия выглядела готовой, но не была: любой мог ввести email и войти, а данные хранились на телефоне. В заметках по проекту за тот день это сказано прямо.
«Если ребёнок может ввести любой email и войти, это не настоящая система авторизации».Заметки по проекту MatchMate, апрель 2026 · перевод с английского
Прототип в Expo Snack
Идею проверили в браузере и на телефоне, ещё ничего не устанавливая.
Настоящий проект
Локальная разработка, Git и настройка сборок для Apple и Google.
Настоящие аккаунты и бэкенд
Supabase для входа, базы данных и серверных функций — с правилами в базе, которые определяют, кто что может видеть и менять.
Проверки безопасности
Поэтапный аудит разрешений, уведомлений и хранения фото — каждый этап задокументирован, прежде чем двигаться дальше.
Правила релиза
Строгие правила для последних сборок перед отправкой, чтобы в конце не проскочило ничего нового.
Технические заметки: правила релиза и автоматические проверки
Полное тестирование на реальных телефонах
Создаётся, только когда в коде не осталось известных блокеров.
Только исправления
Никаких новых функций после Build 27.
Сверка с действующими правилами
Требования Apple и Google перечитываются в момент отправки, а не по памяти.
Одна команда запускает 18 автоматических проверок перед сборкой
Как я работаю с ИИ: я создал MatchMate с помощью ИИ-ассистентов для программирования (ChatGPT, Codex и Claude). Я задавал направление, принимал продуктовые и дизайнерские решения, проверял работу и тестировал её на реальных устройствах. Значительную часть кода написали ассистенты. За то, что выходит в релиз, отвечаю я.
Apple задала справедливый вопрос.
Во время проверки Apple указала, что при регистрации собираются дата рождения и город. Для работы MatchMate не требовалось ни то, ни другое. Я удалил оба поля и повторно отправил приложение 21 октября 2026 года. Сейчас оно снова на проверке.
Удалено
Удалено
Регистрация · отправленная версия
Полное имяИмя пользователяEmailПарольПодтверждение пароляПродолжитьОставшиеся поля · схема
Урок, который я переношу в работу с клиентами: каждое поле в форме — это обещание объяснить, зачем вам эти данные. Если хорошего ответа нет, поле убирается.
Меньше планов. Больше игры.
Задача сайта — сделать идею понятной ещё до выхода приложения: одна фраза о проблеме, презентация, которая собирает матч по мере прокрутки, и демо приложения, которое можно потрогать прямо в браузере.
Здесь же собраны документы, которых требуют Apple и Google: условия, конфиденциальность, безопасность, контакты и публичная страница удаления аккаунта — на английском и португальском. Эти юридические страницы генерируются из того же источника, что показывает приложение, поэтому они никогда не расходятся. Дизайн прошёл несколько итераций, включая первые эксперименты в Wix, прежде чем переехать на хостинг Cloudflare.
Обещание в четырёх словах рядом с настоящим приложением.
Прокрутка собирает игру: игроки шаг за шагом заполняют анимированное поле до стартового свистка.
Светлая пауза в стиле плаката, которая просто называет выгоду.
Демо-аккаунт прямо в браузере. Ничего не нужно устанавливать, ничего не сохраняется и не отправляется.
Десять Reels, более 200 000 просмотров, 960 подписчиков до запуска.
Я сделал Instagram MatchMate в Canva: короткие Reels на португальском и английском, где смешаны юмор, кадры у кромки поля и знакомый всем хаос организации игры в групповых чатах. Каждый Reel продвигался встроенным инструментом Instagram, и аккаунт рос, пока приложение ещё было с пометкой «скоро».
“POV: pre-game passes with bro”
19 секунд, опубликован 24 августа.
- Просмотры
- 40,745
- Охват аккаунтов
- 34,989
- Лайки
- 1,001
- Подписки
- 438
- Последние расходы на рекламу
- €5.93
- Переходы в профиль
- 133
- Стоимость перехода
- €0.04
Данные Instagram Insights (за год), сняты 27 октября 2026 года. Расходы указаны только за последнее продвижение лучшего Reel.
Выводы, которые я теперь применяю в каждом проекте.
Выглядеть готовым — не значит быть готовым.
За отполированным экраном может скрываться фальшивый вход или отсутствие реальных данных. Я проверяю то, чего не видно.
Тест и продакшн никогда не пересекаются.
Тестовые сборки обращаются только к тестовым ресурсам, поэтому тест не может изменить реальные данные.
Собирать только необходимое.
Каждое лишнее поле — это вопрос о конфиденциальности, на который потом придётся отвечать пользователям и проверяющим.
Компьютер — не телефон.
Прокрутка, безопасные зоны и уведомления ведут себя на настоящем iPhone иначе. Поэтому я тестирую на нём.