Личный кабинет для B2B платформы

Личные кабинеты (другое)

На frontend-сборщике Tilda мы создали полностью автоматизированную экосистему управления рабочим персоналом — от приёма заявок и обработки кандидатов до финансовых операций и документооборота. Для интеграции бизнес-процессов и автоматизации всей рутины мы использовали Airtable, n8n, Collabza, Redis и Uploadcare. Платформа избавила команду и собственника от рутинных задач, ускорила найм и повысила прозрачность на каждом этапе.

Основные функции платформы:

Управление заявками: удобное добавление, статус-трекинг, фильтрация по этапам (ожидает квалификации, квалифицирован, отработал и пр.), история всех изменений и комментариев.

Личный кабинет каждого участника: отображение задач и документов по ролям (заказчик, подрядчик, оператор), просмотр статусов выплат, управление своими заявками, оперативное обновление данных.

Онлайн-выплаты: автоматизация начислений, загрузка чеков через с использованием Uploadcare, логика контроля (нельзя создать новую выплату до подтверждения предыдущей). Всё отображается и хранится в истории транзакций.

Документооборот: централизованное хранение договоров, паспортов, чеков и других документов в Airtable (через прокладку в виде Redis - базы данных, установленной в зоне РФ), автоматическая проверка верификации, массовая загрузка и напоминания пользователям о необходимости прислать документы.

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

Визуальная аналитика и CRM: наглядные дашборды по всем ключевым метрикам (сколько заявок открыто, выполнено, на верификации; сумма выплат; статус документов и др.), чтобы собственник и команда могли анализировать эффективность без труда.

Вся логика автоматизации реализована на n8n: автоматическая смена статусов, напоминания, пересчёт балансов, интеграция с внешними сервисами. Система легко адаптируется под новые процессы без программиста.

Задача:

Мы получили запрос: создать онлайн-платформу, которая позволит компании полностью автоматизировать цикл работы с наемным персоналом ― от обработки заявок и подбора кандидатов до верификации документов и контроля выплат. А для подрядчиков – загрузка и обработка кандидатов, контроль выплат. Важно было не просто “закрыть” техническую сторону, а сделать прозрачную систему, где и заказчик, и подрядчик смогут быстро получать нужную информацию и управлять процессами без лишнего вмешательства менеджеров или программистов.

Стек:

Стиль и UX:

Минималистичный, интуитивный интерфейс с акцентами на скорость, простоту и прозрачность действий.

Полноценная поддержка десктоп/мобайл: все функции доступны с любого устройства.

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

Персонализированные дашборды и роли:

Мы реализовали отдельные дашборды для заказчиков и подрядчиков. Каждый пользователь видит только релевантную информацию:

Заказчик управляет заявками, отслеживает статусы кандидатов, контролирует оплаты;
Подрядчик видит только свои заказы, выплаты и историю документации.

Дашборд подрядчика

Дашборд заказчика

Дашборд заказчика - управление компаниями

Управление заявками и кандидатами:

Управление заявками и кандидатами интуитивно-понятно. Все элементы выполнены в виде кастомных карточек с адаптивной версткой - ничто не налезет друг на друга, даже если информации много. Во время загрузки карточек есть анимированные прелоадеры (скелеты карточек). Если карточки у пользователя отсутствуют – то предлагается их создать. Для любого действия, чтобы не возникало ложного нажатия – требуется подтверждение пользователем. Для этого реализовали динамическое попап окно с просьбой подтвердить действие. В формах, где нужно заполнить данные – имеются подсказки. При изменении данных – старые данные автоматически подставляются для ускорения работы.

Карточки управления кандидатами в дашборде заказчика. Управление происходит без перезагрузки страницы

Управление кандидатами в кабинете подрядчика

Метрики по выводам и кандидатам в кабинете подрядчика

Прелоадер карточки заявки во время загрузки данных

Карточки в маркете заявок (подрядчик)

Popup для подтверждения действия – удаление заявки

Popup для подтверждения действия – удаление компании

Форма изменения данных заявки (старые данные предзаполнились)

Форма изменения данных кандидата (старые данные предзаполнились)

Форма изменения данных компании (старые данные предзаполнились)

Подробная карточка заявки в кабинете подрядчика с элементами управления

Мы внедрили гибкую систему фильтрации и отображения информации:
Кандидаты сортируются по актуальному статусу (“Ожидает квалификации”, “Квалифицирован”, “Отработал”, “Отклонён”).
Можно массово добавлять новых кандидатов, редактировать их профили, прикреплять документы.
Вся история изменений прозрачна: пользователь видит, кто и когда поменял статус или внёс комментарий.

Ценность:

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

Автоматизация финансовых операций и выплат:

Оплата происходит полностью онлайн:

После завершения работы кандидат/подрядчик получает автоматическое уведомление о возможности загрузить чек.
Загрузка чека обязательна для последующей выплаты. Если чек не загружен — новая выплата невозможна, нет путаницы и ошибок.
Прогресс по выплатам и история отображаются в личном кабинете, суммы и лимиты считаются автоматически.

Форма вывода средств для подрядчика

Форма оплаты работы кандидата для заказчика

Форма загрузки чека после подтверждения вывода (подрядчик)

Предупреждение, что вывод невозможен, если не все чеки загружены (подрядчик)

Это экономит ресурсы бухгалтерии, исключает двойные выплаты, упрощает контроль выплаченных и ожидающих средств как для клиента, так и для исполнителя.

Централизованный документооборот и верификация:

Все важные документы — договоры, чеки, сканы паспортов — хранятся в единой базе (Airtable), доступны для скачивания и быстрого мониторинга непосредственно с платформы. Мы внедрили автоматическую проверку статусов (“Прошёл проверку”, “Ожидает”, “Отклонён”) и напоминания для пользователей. Документы можно загружать массово и получать автоматические уведомления о необходимости валидации.

Полная карточка кандидата с автоподгрузкой документов и элементами управления (в зависимости от текущего статуса)

Это избавляет от рутины, ускоряет документооборот, минимизирует риск ошибок, потери документов и задержек с выплатами.

Продуманная визуализация аналитики:

На старте пользователь видит ключевые метрики: количество кандидатов и заявок, сколько выплачено, какие документы на верификации, эффективность по каждому направлению. Данные выводятся в удобном формате (графики, круговые и столбчатые диаграммы), что позволяет анализировать динамику и принимать решения за 1 минуту.

Статистика заявки в кабинете заказчика

Анализ заявок для оператора (интерфейс Airtable)

Анализ заявок и кандидатов для оператора (интерфейс Airtable)

Анализ кандидатов расширенный для оператора (интерфейс Airtable)

Анализ документов для оператора (интерфейс Airtable)

Повышается прозрачность управления и скорость реакции — владелец бизнеса всегда “в курсе” и может оперативно найти “узкие места” либо точку роста.

Адаптивность платформы:

С платформой легко взаимодействовать с любого устройства – большой монитор, ноутбук, планшет, смартфон

Гибкая автоматизация всех процессов с помощью n8n:

Пример процесса опработки пользовательских форм в n8n

Автоматизировали смену статусов, начисление баллов, отправку напоминаний, валидацию документов — всё это работает согласно заданным сценариям без участия программиста.
Заказчик может с нашей помощью гибко настраивать логику под конкретные бизнес-задачи: менять условия начисления, добавлять новые роли пользователей, интегрироваться с внешними сервисами (например, для массовых рассылок или внутренней аналитики).

Ценность:

Экономит бюджеты на развитие, сокращает время внедрения новых функций и масштабирования, снижает зависимость от внешних специалистов.

Итоги и польза для команды и бизнеса:

Мы внедрили платформу за 21 день. Заказчик получил полный “конструктор” под свои бизнес-процессы, который не требует глубоких технических знаний.

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

Мы доказали, что современные no-code и low-code решения действительно могут заменить традиционные “коробочные” CRM и ручные процессы, делая бизнес быстрее, прозрачнее и эффективнее.

Если вам интересно посмотреть детали интерфейса, живые сценарии или примеры аналитики — пишите, покажем на практике!