Студия Meowdes · Дизайн-лид · Telegram Mini App

Telegram Mini App с нуля до 120+ экранов за месяц

Коротко

Фриланс-биржа внутри Telegram для заказчиков и исполнителей. Клиент пришёл в студию с идеей и черновым ТЗ.

Моя роль: Дизайн-лид. Ставил задачи, ревьюил сценарии и макеты, держал систему и сроки. Экраны, UI-кит и аннотации рисовал дизайнер студии Олег Русовский.
Срок: 1 месяц от брифа до финальных макетов
Платформа: Telegram Mini App, две темы
Исследование: CustDev, интервью, JTBD, CJM, UJM

Проблема

Заказчик днями искал исполнителя, а исполнитель рисковал не получить оплату

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

Путь до продукта ушёл в CJM, сценарии внутри продукта в UJM: CJM показывает, где теряем на входе, UJM показывает, где отваливаются уже в работе.

Проблема

Подходящего специалиста искали днями, а проверить квалификацию было нечем

Проблема

Фрилансеры боялись больших комиссий и споров без защиты

Решение 01

Карточка отвечает, кому можно доверять

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

Карточки заказов и исполнителей с ценой, уровнем и кнопкой отклика

Решение 02

Две роли и онбординг, который можно отложить

Заказчик и исполнитель переключаются прямо в интерфейсе, а не в глубине настроек. Каждый начинает со своего шага, проекта или профиля, и может отложить его кнопкой «Позже».

Экраны входа: создать первый проект или профиль исполнителя, кнопка «Позже»

Решение 03

Профиль исполнителя по одному вопросу на экран

Навыки, рассказ о себе и бюджет заполняются по шагам, поэтому длинная анкета не пугает на входе.

Шаги создания профиля исполнителя: навыки, о себе, бюджет

Решение 04

Система на базе Telegram Mini Apps

Голубой акцент, Inter с подправленным трекингом, светлая и тёмная темы. Знакомые паттерны Telegram делают приложение своим внутри мессенджера.

Цена решенияСистему не изобретали с нуля: при сроке в месяц это меньше работы и привычнее пользователю.

Исследование

Портрет аудитории и путь до продукта

Итог

Конкурентный MVP в макетах за месяц

120+: экранов в макете
100+: иконок в системе
1 месяц: от брифа до макетов

Результат

Дизайн, готовый к разработке: сценарии обеих ролей, две темы, UI-кит с состояниями и аннотациями.

Данных после запуска у меня нет, поэтому эффект в цифрах я не привожу.

Вывод

Каждое решение отвечает на конкретную боль из исследования