Онбординг, активация вещи, сканирование, профиль, пинги и взаимный чат.
[Продукт · Мини-апп]
продуктовый дизайн
интерактивное демо
MUTUAL — знакомства через QR
Стритвир-бренд, где вещь знакомит: статичный QR на одежде — это личность владельца, а само знакомство открывается только по взаимному согласию.
статус кейса
интерактивный прототипПродуктовая логика Mini App до запуска
Чат открывается только после взаимного интереса; профиль можно скрыть.
Backend, реальные пользователи и геолокация не подключены; интерфейс симулирует сценарий.
интерактивное демо, пройдите путь целиком
MUTUAL
// стритвир, который знакомит
Одежда,
которая
знакомит
QR на вещи — это личность владельца. Отсканируй чужую вещь, чтобы увидеть, кто это.
01Скан кода на вещи
02Пинг владельцу
03Он принял — чат открыт
// шаг 1 · приватность
Кто может
меня найти
Так выглядят настройки по умолчанию. Меняются в любой момент.
Знакомство только по согласиюЧат откроется, только если ты примешь пинг🔒 нельзя выключить
{{ visTitle }}
{{ visNote }}
// шаг 2 · рядом
Кто рядом
Ты скрытТебя тут никто не видит.
Сканировать других можно.
Сканировать других можно.
Профиль откроется только после скана вещи. Здесь только те, кто сам разрешил показ.
{{ p.name }}{{ p.drop }}{{ p.dist }}онлайн{{ p.last }}
// шаг 3 · скан
{{ capText }}
Лена 22
DROP 01 · «ПОЗНАКОМИМСЯ?»эту вещь ты отсканировал
Переехала месяц назад, почти никого не знаю. Скалолазание, рамен, плохие хорроры.
Пинг
отправлен
Лена смотрит твой профиль. Дальше слово за ней.
Чат закрытОткроется, только если Лена примет пинг
Взаимно
Лена приняла твой пинг. Теперь чат открыт. Для вас обоих.
Лена, 22онлайн⚡ взаимно
{{ m.text }}
{{ m.text }}
{{ m.at }}
// итог
Вот как
это работает
01
Код на вещи = личность
Один код — один человек. Профиль редактируется, вещь остаётся.02
Скан открывает профиль
Открывается только со скана реальной вещи. Ни из карты, ни из ленты.03
Пинг — это вопрос
Отказ никому не виден. Просто ничего не происходит.04
Чат — только взаимно
Оба сказали «да», и открывается разговор.Согласие — не настройка, а правилоЕго нельзя выключить ни одной из сторон.
MUTUAL — знакомства через вещь.
путь взаимного согласия
От QR на вещи до взаимного контакта
Каждый шаг сначала проверяет границы приватности и согласие, а уже затем показывает человека или открывает общение.
Человек замечает вещь и сканирует QR
Код связывает конкретный drop с профилем владельца, а не ведёт на обычную карточку товара.
Система применяет режим приватности
Видимость профиля и близость раскрываются только в пределах настроек самого владельца.
Владелец получает приватный пинг
Отправитель выражает интерес, но не получает прямой доступ к человеку или его контактам.
Получатель сам решает
Только взаимное согласие превращает пинг в чат и разрешает продолжить знакомство.
Чат открывается
Оба участника явно выбрали продолжить контакт.
Контакты скрыты
Пинг не превращается в доступ к личным данным.
Владелец управляет видимостью
Режим поиска можно ограничить до того, как кто-то отправит пинг.
01 · задача
Знакомства в оффлайне — это случай и неловкость: увидел человека, чей стиль зацепил, а моста от «заметил в толпе» к «списались» нет, и подойти первым неудобно обоим. MUTUAL превращает в этот мост саму вещь: стритвир-бренд, где на каждой одежде есть QR, и скан открывает личность владельца и его согласие на контакт, а не карточку товара. Продуктовая задача была не в коде: надо было спроектировать весь флоу полезным, и так, чтобы он не превращался в слежку.
02 · как решали
Ключевое решение — инверсия: на вещи неизменный указатель, личность живёт онлайн. QR напечатан на физической одежде, перепечатать его нельзя, поэтому в нём лежит стабильная ссылка, а не данные человека; всё изменчивое — имя, интересы, приватность и даже владелец при перепродаже — правится в онлайн-профиле в любой момент. Поверх этого построен флоу знакомства через согласие: скан → пинг владельцу → чат открывается только при взаимном интересе. Собрали интерактивный Telegram Mini App: онбординг, активация вещи, личный QR, скан, карта «кто рядом», профиль, пинги, чат. Весь путь проходится целиком.
03 · что оказалось сложным
Переделали так: до согласия сканирующий видит только публичную витрину — вещь, никнейм, пару тегов-интересов, — но не контакты, не точную гео и не может написать. Между профилем и чатом встал гейт: единственное действие — «пинг», а чат вообще не существует, пока владелец не ответил взаимностью. Согласие здесь — сам жест ответа на пинг, а не галочка в настройках.
Развилки решали так: попасть на карту можно только по явному согласию быть видимым; расстояние приблизительное («~40 м», а не координаты); и человек виден только после того, как скан уже связал вас, а не всем подряд. Точная гео, адрес и постоянное положение не раскрываются никогда. Карта показывает факт близости, а не место.
Принцип, вокруг которого собран весь флоу: в продукте про знакомства приватность — это направление самого флоу, а не экран настроек. Каждый шаг сперва отвечает на «что человек раскрывает и дал ли он на это согласие» и только потом — «как это выглядит».
04 · результат
- Спроектированы идея, механика согласия и приватность. Весь путь от скана до чата.
- Собран интерактивный Telegram Mini App: 8 экранов (онбординг, активация вещи, личный QR, скан, карта «кто рядом», профиль, пинги, чат). Все переходы проходятся целиком.
- Продуманы состояния и переходы: от онбординга и активации вещи до пингов и чата.
- Готовы дизайн, флоу и все экраны. Продукт можно собирать и запускать.
Telegram Mini App
UX-дизайн
продуктовый дизайн