Дизайн Telegram Mini App — фриланс-биржи Talantum

Цель работы

Спроектировать с нуля Telegram Mini App — фриланс-биржу, одинаково удобную и для заказчиков, и для исполнителей, где весь путь от поиска до оплаты проходит внутри мессенджера. Ожидаемые результаты: конкурентоспособный MVP с понятным сценарием для двух сегментов аудитории и заделом на удержание.

Задачи

— Спроектировать один интерфейс сразу под два сегмента — заказчиков и фрилансеров — с быстрым переключением роли; — Изучить аудиторию и её боли: CustDev, глубинные интервью, JTBD, CJM и UJM; — Разобрать конкурентов и заложить в структуру приложения то, чего им не хватает; — Выстроить сценарии поиска, откликов, «Моих проектов», профиля и портфолио; — Продумать работу с деньгами: пополнение, перевод и вывод, в том числе на криптобиржу; — Собрать дизайн-систему и две темы, уложившись в месяц силами одного дизайнера.

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

Клиент пришёл с описанием идеи и черновым ТЗ, поэтому работа началась не с макетов, а с аудитории. Портрет ЦА собран по аналитике Kwork, данным Росстата и Белстата, отчётам ООН и Всемирного банка, сводкам Евростата и Statista. Дальше — глубинные интервью, разбор задач через JTBD, CJM и UJM для обеих ролей. Отдельно разобраны семь конкурентов: три прямых, два косвенных и два непрямых. Чтобы найти слабые места в рутине поиска заказов и исполнителей, приходилось становиться их пользователем. Задачи распределены по принципу Парето — приоритет получили этапы, которые сильнее всего влияют на точность попадания в аудиторию.

Решение

— Одно приложение и две роли: переключение между режимами фрилансера и заказчика доступно прямо в сценарии, а не спрятано в глубине настроек; — Лента поиска с фильтрами и сортировкой — карточка сразу показывает навыки, цену, формат работы, уровень, закрытые сделки и портфолио; — «Мои проекты» с активными заказами и откликами, календарём дедлайнов, прогрессом работы и возможностью открыть спор; — Профиль с портфолио, статистикой, уровнями и наградами — механики удержания на эффектах Пигмалиона, Зейгарник и аудитории; — Единый сценарий для финансов: пополнение, перевод и вывод с подтверждением и экранами успеха и ошибки; — Онбординг по закону Якоба: знакомит с интерфейсом, но не мешает пропустить обучение.

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

За основу взята дизайн-система Telegram Mini Apps — ради стилистического единства с остальными продуктами Telegram. Ключевой цвет — голубой #007AFF: технологичность, спокойствие, доверие и безопасность. Типографика построена на Inter со скорректированным трекингом, для минускула выбран SF Pro Rounded, чтобы подзаголовки читались мягче. Собраны светлая и тёмная темы, UI Kit, состояния компонентов и аннотации для разработчиков.