Telegram HH HireHi
Личный кабинет партнёра · B2B

ServiceLead — кабинет партнёра

Редизайн партнёрского кабинета CPA-сети в сфере услуг. Ядро продукта — создание потоков: процесс, который менялся под каждый из ~20 инструментов, свела к единому флоу из 7 фиксированных шагов. В основе — дизайн-система на слотах, масштабируемая на 150+ экранов.

Роль Продуктовый дизайнер
Команда 7 человек
Срок Янв–июнь 2026 · 6 мес
Продукт B2B · Web
ServiceLead — кабинет партнёра

Работающий продукт, который нужно было переосмыслить

ServiceLead — CPA-сеть в сфере бытовых услуг: партнёр приводит трафик (заявки на услуги), сеть обрабатывает их силами колл-центра и мастеров и платит партнёру за результат. Продукт живой, с базой активных партнёров.

Личный кабинет развивался годами и накопил историю решений — где-то удобных, где-то устаревших. Задача была не «с нуля», а переосмыслить логику: сохранить то, что работает, и переработать то, что мешает партнёру быстро находить нужное и запускать потоки.

Отдельная сложность — не сломать привычки действующих партнёров при переходе на новую версию.

Партнёры с разным опытом

Личный кабинет обслуживает партнёров, которые сильно отличаются по опыту, объёму трафика и способу работы. Один интерфейс должен работать и для новичка, который только настраивает первый оффер, и для опытного партнёра с десятками активных потоков и командой.

Новый партнёр
Настраивает первый оффер, изучает возможности. Нужен понятный onboarding и предсказуемая логика
Активный партнёр
Управляет несколькими потоками, следит за статистикой, оптимизирует. Нужна скорость и плотность данных
Крупный партнёр
Работает с большими объёмами, командой, финансами. Нужны инструменты аналитики и управления
Менеджер Servicelead
Внутренняя роль: сопровождение партнёров, ручная передача лидов, работа с тикетами

Что предстояло сделать

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

Сердце продукта — поток: связка Проект + Оффер + Инструмент + настройки с уникальным ID. Партнёр создаёт потоки, управляет ими и на них зарабатывает — то есть сценарий создания потока это не «один из экранов», а центральный механизм всего кабинета. И именно он был устроен хуже всего.

Параллельно — собрать дизайн-систему, которая масштабируется на 150+ экранов и держит состояния, вариации и разные типы данных без размножения компонентов.

12
разделов продукта
150+
экранов сценариев и состояний
~20
инструментов в одном флоу

Где болело сильнее всего

Собрала опросник для действующих партнёров — не «нравится / не нравится», а вопросы про то, где партнёр буксует и что делает в обход интерфейса. Дальше лид и продакт финализировали формулировки, менеджеры принесли обратную связь от партнёров, разработка выгрузила статистику с бэка. Выводы разбирали вместе.

  • 01 Создание потока разваливалось под инструмент: число шагов прыгало от инструмента к инструменту, а одни и те же поля назывались по-разному («Номер телефона», «Телефон»). Предсказуемости не было
  • 02 Статистика и финансы жили отдельно от повседневных задач — партнёр не видел связку «действие → результат»
  • 03 Разные типы партнёров требовали разной плотности данных, но интерфейс подстраивался слабо
01

Единый флоу создания потока

Свела разваливающийся сценарий к единому предсказуемому каркасу: 7 фиксированных шагов, одинаковых для всех инструментов — Проект → Оффер → Сценарий → Источник трафика → Инструмент → Настройка → Название. Вся вариативность инкапсулирована в один шаг «Настройка»: его поля рендерятся динамически под выбранный инструмент, но это по-прежнему один шаг. Плюс свела поля к единому словарю, чтобы «Телефон» везде был «Телефоном».

Каркас держит ~20 инструментов и их зависимости: список инструментов фильтруется по источнику трафика, поля настройки — по инструменту, у выбора города несколько паттернов под разные инструменты. Партнёр этой комбинаторики не видит — он всегда идёт по одному и тому же маршруту, новичок и профи одинаково.

02

Дизайн-система на слотах

Продукт на 150+ экранов с десятками состояний данных требовал системы, которая не размножается на каждый частный случай. Собрала компоненты через слоты — один компонент закрывает множество вариаций через контентные вставки. Auto Layout, Variables, вложенные структуры.

Именно слоты сделали возможным единый флоу. Шаг «Настройка» — это слот на уровне сценария: одна оболочка, в которую подставляется инструмент-специфичное тело. То, что решает слот в компоненте, решает шаг-слот в продукте — один и тот же приём на двух уровнях.

Результат — заметно меньше «сиротских» компонентов, единый источник правды для команды, быстрая передача макетов в вёрстку.

Дизайн-система на слотах
03

Архитектура: 12 разделов, единая логика

Пересобрала карту продукта: сгруппировала разделы по частоте использования, редкие вынесла в глубину. Главная стала точкой входа во все повседневные сценарии со связкой «действие → результат».

Карта продукта и архитектура

Разделы с плотными данными

Статистика, финансы и лиды — самые нагруженные данными разделы кабинета. Задача была сделать так, чтобы новичок не тонул в цифрах, а опытный партнёр мог быстро сканировать плотные таблицы, графики и фильтры.

Статистика

Аналитика по трафику, лидам, конверсиям и финансам: группировки, фильтры, выбор периода. Сводка вверху, детализация в таблице ниже.

Раздел Статистика

Финансы

Баланс, выплаты и история операций — прозрачно и сканируемо, без лишнего шума вокруг ключевых цифр.

Раздел Финансы

Лиды

Поток лидов с фильтрами и статусами обработки — партнёр видит, что происходит с каждой заявкой.

Раздел Лиды

Весь кабинет — 12 разделов

Кроме флоу и разделов с данными переработала кабинет целиком: авторизация, главная, потоки, офферы, профиль, тикеты, телефония, домены, новости. Все экраны и состояния подготовлены к передаче в вёрстку.

Общий обзор всего кабинета — 12 разделов

Как работали в команде

В команде было семь человек: продакт, дизайн-лид, разработка и я — продуктовый дизайнер. Финальные продуктовые решения принимал лид, я отвечала за дизайн: сценарии, архитектуру, UI, дизайн-систему.

Спроектировала карту продукта, каркас единого флоу и словарь полей. Собрала дизайн-систему на слотах. Гипотезы обсуждали втроём с лидом и продактом, дальше я итерировала макеты. Разработка помогала оценивать выполнимость на ранних этапах — это экономило время на переделках.

Отдельно вела процесс: собрала документацию продукта как рабочую базу знаний команды, предложила формат встреч с фиксацией итогов. Использовала нейросети для ускорения концептов.

Что успели за 6 месяцев

  • 01 Единый флоу создания потока — 7 фиксированных шагов вместо процесса, который менялся под каждый из ~20 инструментов
  • 02 150+ экранов — проработаны все ключевые разделы продукта и их состояния
  • 03 Дизайн-система на слотах — единый источник правды для команды, быстрая передача в вёрстку
  • 04 Документация продукта — рабочая база знаний по логике и решениям

Довела проект до передачи финальных экранов в вёрстку. На этом этапе работу остановили — команду сократили при реорганизации компании.

Что было сложно

Самой сложной частью был баланс между «переосмыслить» и «не сломать привычки». Партнёры уже пользовались продуктом, у них были свои шорткаты и паттерны — новая версия должна была улучшать опыт, а не заставлять учить продукт заново.

Второе — плотность данных. В разделах вроде статистики и финансов легко скатиться либо в перегруз, либо в чрезмерное упрощение. Пришлось много итерировать, чтобы разные типы партнёров видели то, что нужно именно им.

Главный урок

В большом B2B-продукте предсказуемость важнее гибкости на каждом шаге. Один инвариантный каркас, который держит 20 инструментов, ценнее двадцати «идеально заточенных» частных флоу — и для партнёра, и для разработки. А чтобы такой каркас стал возможен, дизайн-система должна быть на слотах: то, что решает слот в компоненте, решает шаг-слот в сценарии. Один приём на двух уровнях.

Следующий проект
FORDA — мобильное приложение
Смотреть