petrick.Все проектыОбсудить интеграцию
АВТОРСКИЙ ПРОЕКТ / ИНТЕГРАЦИИ + CRM

Каждая заявка.
Один раз.

leadflow

Конвейер заявок: сайт, Telegram, почта, квиз и звонки сходятся в одну воронку и доходят до CRM без потерь и дублей.

РОЛЬАрхитектура, UX/UI, разработка
КАНАЛЫФорма, Telegram, почта, квиз, коллтрекинг
СТЕКVanilla JS / ES-модули / SVG
СТАТУСБраузерное демо / CRM смоделирована
Схема LeadFlow: карточки заявок из пяти каналов проходят через конвейер и попадают в CRM
LEADFLOW / ОДНА ВОРОНКА ДЛЯ ВСЕХ КАНАЛОВ
01 / ЗАДАЧА

Заявки приходят отовсюду.
И теряются по дороге.

Один клиент оставил форму на сайте, написал в Telegram и позвонил. Телефон записан тремя способами, email с точками и меткой «+site», в CRM — три карточки и три менеджера. Рядом спам из формы, письмо, которое никто не открыл, и звонок, на который ответили через два часа.

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

Это самостоятельный проект для демонстрации навыков, а не клиентский кейс. Заявки и интеграции в демо смоделированы. Реальные клиенты, компании и результаты не заявляются.

01 / ПОРЯДОК

Один формат для всех.

Телефон в E.164, имена и регистр, ключ склейки email, город и услуга из свободного текста, бюджет из «до 300к» и «1,2 млн».

02 / ЧИСТОТА

Без спама и дублей.

Прозрачные правила антиспама с баллами. Склейка по телефону, email и Telegram ID в окне 72 часа вместо новой карточки.

03 / СКОРОСТЬ

Ответ в срок.

Скоринг заявки, маршрутизация по городу и услуге, round-robin с учётом загрузки и смен, SLA-таймер и уведомление в Telegram.

04 / НАДЁЖНОСТЬ

CRM без сюрпризов.

Очередь вебхуков, экспоненциальные повторы, ключи идемпотентности и dead letter queue: сбой CRM не теряет и не задваивает лиды.

02 / МОЖНО ПОТРОГАТЬ

Устройте конвейеру стресс-тест.

Открыть на весь экран

Нажимайте кнопки каналов или включите авторежим. Отправьте свою заявку с «грязным» телефоном, повторите клиента — и посмотрите, как конвейер склеит дубль. Поднимите долю сбоев CRM, «уроните» её, выключите ключи идемпотентности, перетаскивайте карточки по воронке и следите за SLA.

Браузерное демо LeadFlow: симулятор каналов, входящие события и пошаговый разбор заявкиОТКРЫТЬ ИНТЕРАКТИВНОЕ ДЕМО
Демо работает целиком в браузере: заявки, менеджеры, Битрикс24/amoCRM и уведомления смоделированы, сетевых запросов нет. Состояние хранится в localStorage этого устройства, кнопка сброса возвращает исходные данные. Время в демо ускорено, чтобы SLA-таймеры было видно.
03 / ПОД КАПОТОМ

Каждый шаг виден.
И объясним.

У каждой заявки есть трасса: что пришло из канала, во что превратилось после нормализации, какие правила антиспама сработали, с кем склеилась, откуда пришла по UTM или подменному номеру, сколько баллов набрала и почему досталась именно этому менеджеру.

ИсточникиНормализацияАнтиспам и дублиМаршрутизацияCRM с повторамиУведомления

Доставка в CRM идёт через очередь: ошибка 5xx, лимит 429 или таймаут — повтор через 2, 4, 8, 16 секунд, после пятой неудачи — dead letter queue с ручным повтором. Ключ идемпотентности строится из «лид + событие + версия», поэтому повтор после потерянного ответа не создаёт второй лид. Правила намеренно простые и прозрачные: внешняя AI-модель не подключена, а пороги в реальном проекте настраиваются на данных заказчика.

04 / ЧТО ПОЛУЧИТ ЗАКАЗЧИК

Так это выглядит в реальном проекте.

Интеграции и CRM

Приём заявок через вебхуки форм и квизов, Telegram Bot API, почтовый ящик и API коллтрекинга. Доставка в Битрикс24 (REST, входящий вебхук) или amoCRM (API v4, OAuth): создание лида и контакта, UTM-поля, ответственный, комментарии к повторным обращениям, смена статусов.

Серверная часть с очередью и журналом отправок, повторами и защитой от дублей — на стороне коннектора и поиском по телефону в CRM.

Уведомления и мониторинг

Сообщение менеджеру в Telegram с кнопками, автоответ клиенту в канал обращения, эскалация при просроченном SLA. Простая панель: заявки по каналам, спам, дубли, время первого ответа, очередь и dead letter.

Состав, правила маршрутизации и пороги согласуются под процессы конкретной компании. Доступы к CRM, ботам и почте предоставляет заказчик.

ВАШ СЛЕДУЮЩИЙ ПРОЕКТ

Заявки на месте.
Менеджеры в курсе.

Интеграции с CRM, Telegram-боты, автоматизация обработки заявок и внутренние инструменты.

Обсудить задачу в Telegram