CRM-система на заказ:
от заявки до коммерческого предложения

Обращения с сайта, работа менеджера и персональное предложение для клиента — в едином процессе, спроектированном под бизнес заказчика.

Как работает CRM
Работа с заявками в мобильной CRM
ЗАЯВКАCRMПРЕДЛОЖЕНИЕ
Формат
CRM на заказ
Моя работа
Архитектура и разработка
Интерфейс
Адаптация для телефона
Процесс
От обращения до предложения
01 / Задача

CRM вокруг реальной работы с клиентом

Разработка CRM-системы на заказ начинается с процесса: откуда приходит обращение, что нужно знать менеджеру и как клиент получает предложение. Для компании-заказчика я разработал систему, которая связывает эти действия в одном рабочем сценарии.

В проект вошли приём заявок, рабочая панель сотрудников, карточки лидов, каталог услуг, конструктор персональных предложений и отдельная страница для клиента. Интерфейс на Next.js и серверная часть на Drupal проектировались под требования заказчика, включая работу на мобильном экране.

02 / Обращения

Заявки с сайта и рекламных форм — в одной CRM

Обращение может прийти из разных источников, но сотруднику нужен общий рабочий контекст. Для этого предусмотрен приём данных форм сайта через API: вместе с контактами сохраняются содержание запроса, источник и дополнительные сведения формы, если они переданы.

Заявки с сайта

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

Лиды из Facebook и Instagram

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

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

03 / Работа с лидами

Карточка обращения хранит контекст и следующий шаг

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

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

  1. Поступает обращение

    Сайт передаёт запрос в CRM или сотрудник импортирует подготовленную выгрузку рекламных форм.

  2. Менеджер разбирает заявку

    В карточке видны источник, содержание, статус и следующий шаг. Заметки и история помогают сохранить контекст взаимодействия.

  3. Создаётся предложение

    Из обращения сотрудник переходит к подготовке персонального предложения, связанного с этим лидом.

04 / Панель

Что требует внимания сегодня

Рабочая панель служит точкой входа для сотрудника: на ней предусмотрены новые обращения, показатели воронки и ближайшие действия по лидам. От обзора можно перейти к конкретной заявке и продолжить работу с ней.

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

МОБИЛЬНАЯ CRM

Вся работа с клиентом — на одном экране.

Заявки, задачи и переход к коммерческому предложению — в интерфейсе, спроектированном для работы с телефона.

Иллюстрация мобильного интерфейса CRM с вымышленными данными
Иллюстрация интерфейса с вымышленными данными.
05 / Конструктор

Коммерческое предложение собирается из запроса клиента

Одна из центральных частей проекта — конструктор коммерческих предложений внутри CRM. Менеджер начинает с существующего лида, подбирает услуги из каталога, указывает параметры проекта и цены, сохраняет черновик и просматривает предварительный результат.

Состав и расчёт

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

Персональная подача

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

Например, по условному обращению менеджер выбирает несколько услуг, уточняет состав и сохраняет черновик. После проверки предложение остаётся связано с исходным запросом: понятно, для кого оно подготовлено и какие параметры в него вошли. Это иллюстрация процесса без данных клиента и вымышленных коммерческих сумм.

Заявка и персональное коммерческое предложение в едином процессе
От обращения к персональному предложению.
06 / Клиентская сторона

От рабочего черновика — к странице предложения

В проекте предусмотрены клиентская страница и механизм публикации зафиксированной версии предложения. Для неё формируется персональная ссылка; также предусмотрены срок действия и возможность отзыва доступа.

Это разделяет внутреннюю работу сотрудника и просмотр предложения клиентом. Менеджер подготавливает состав в CRM, а клиенту предусмотрено отдельное представление опубликованной версии.

07 / Архитектура

Рабочие пространства и права сотрудников

Интерфейс CRM и клиентские страницы построены на Next.js, а Drupal отвечает за серверную часть. Система включает бизнес-логику, API и клиентский сценарий просмотра. Эти части решают одну задачу: провести данные от обращения до подготовленного предложения, сохранив связь между этапами.

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

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

Технологии этого решения

Современный интерфейс и серверная основа для индивидуальных бизнес-процессов.

Next.js
Next.js

Адаптивный интерфейс CRM и клиентские страницы

Drupal
Drupal

Серверная часть, данные и бизнес-логика

08 / Результат

Что получила компания

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

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

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

09 / Вопросы

О разработке CRM на заказ

Зачем разрабатывать индивидуальную CRM вместо готовой системы?

Индивидуальная разработка уместна, когда процесс, данные или клиентский сценарий требуют собственной логики. Сначала стоит сравнить реальные требования бизнеса с возможностями готовых решений и оценить объём изменений.

Можно ли передавать заявки с сайта в CRM?

Да. В этом проекте формы сайта передают обращения через API вместе с доступными контактами, содержанием и источником запроса.

Как в CRM попадают лиды из Facebook и Instagram?

Для выгрузок рекламных форм предусмотрен импорт CSV с обработкой совпадающих записей и сводкой результата. Прямая автоматическая интеграция с рекламными кабинетами в кейсе не заявлена.

Можно ли сделать конструктор коммерческих предложений внутри CRM?

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

Сможет ли клиент посмотреть своё предложение по ссылке?

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

Подходит ли CRM для работы с телефона?

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

Следующий шаг / Ваша CRM

Система под ваши
бизнес-процессы.

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

Контакты

Если у вас есть вопросы или предложения, напишите мне на почту или в мессенджеры. Я всегда на связи и готов помочь вам!

Card

Обычно отвечаю в течение нескольких часов. Если срочно – пишите в Telegram!