newВаше приложение готово к iPhone Duo? Адаптируем интерфейс под новый складной iPhone с учётом актуальных гайдлайнов Apple.

Talantum

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

Talantum — фриланс-биржа внутри Telegram. Mini App, где заказчик находит исполнителя, а фрилансер — заказы, не выходя из мессенджера: поиск с фильтрами, отклики, «Мои проекты» с календарём дедлайнов, портфолио, статистика, система уровней и наград. Продукт спроектирован сразу под два сегмента аудитории — с переключением роли на лету и прозрачной работой с деньгами: пополнение, перевод и вывод, в том числе на криптобиржу. Итог — конкурентоспособный MVP: 120+ экранов, две темы и дизайн-система на базе Telegram Mini Apps, собранные за месяц.

Экран проекта Talantum
Экран проекта Talantum

01

Цель работы

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

02

Задачи

TO DO

1

Продумать работу с деньгами: пополнение, перевод и вывод, в том числе на криптобиржу

Task-5

IN PROGRESS

4

Спроектировать один интерфейс сразу под два сегмента — заказчиков и фрилансеров — с быстрым переключением роли

Task-1

Изучить аудиторию и её боли: CustDev, глубинные интервью, JTBD, CJM и UJM

Task-2

Разобрать конкурентов и заложить в структуру приложения то, чего им не хватает

Task-3

Выстроить сценарии поиска, откликов, «Моих проектов», профиля и портфолио

Task-4

DONE

1

Собрать дизайн-систему и две темы, уложившись в месяц силами одного дизайнера

Task-6

03

Что было до Talantum

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

Экран проекта Talantum
Экран проекта Talantum

04

Решение

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

Дизайн проекта Talantum
Экран проекта Talantum
Экран проекта Talantum

05

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

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

Полноценный продукт для двух ролей — от онбординга до вывода средств

120+

Экранов в макете

Часть взята из дизайн-системы, часть отрисована вручную

100+

Иконок в системе

Исследования, макеты, две темы и дизайн-система — всё за месяц

1 месяц

От брифа до финальных макетов

Дизайн проекта Talantum

Над проектом работали

  • Олег Русовский