Сайт перевозчика сыпучих грузов: каталог с ценами и заявки в Битрикс24
У компании, перевозящей сыпучие грузы, не было сайта: заявки принимали по телефону, а цены на щебень и асфальт называли на память. Мы сделали сайт с нуля, вместе с каталогом перевозимой продукции, админкой для самостоятельной правки цен и позиций, приёмом заявок в Битрикс24 и на почту и обменом с 1С.
- Период
- 2024
Имя заказчика не раскрывается. Отрасль, масштаб и цифры остаются те же.
Что изменилось
- 0 → 1
- Каналов приёма заявок, кроме телефонадо проекта сайта не было и заявку принимали голосом, записывая от руки; после заявка с сайта создаёт сделку в Битрикс24 и дублируется письмом менеджеру
- 2
- Системы, в которые уходит заявкаБитрикс24 как воронка продаж и почта как дублирующий канал: заявка не теряется, если одна из систем недоступна в момент отправки
- Сам
- Сотрудник правит цены и каталог, без разработчикацены на щебень, песок и асфальт меняются через админку; до проекта прайс существовал только в голове менеджера и в файле на его компьютере
- 1С
- Учётная система, связанная с каталогом сайтаноменклатура перевозимой продукции связана с учётом заказчика, а не заводится на сайте второй раз вручную
У каждой величины указано, с чем сравнивали и за какой период.
Что было не так
Компания возит сыпучие грузы: щебень разных фракций, песок, асфальт, грунт. Работа идёт от заявки: клиенту нужен конкретный материал, в конкретном объёме и на конкретный адрес, и он звонит, чтобы узнать, есть ли это и сколько стоит.
Сайта у компании не было вообще. Это значит, что клиент мог найти её только через знакомых или по объявлению: в поиске компании не существовало. Всё, что приходило, приходило по телефону.
Прайс тоже жил не в системе. Цены на фракции менеджер называл по памяти или смотрел в файл у себя на компьютере. Сыпучие грузы это рынок, где цена меняется вслед за поставщиком и сезоном, и файл на одном компьютере устаревает быстрее, чем его успевают разослать коллегам.
Заявка после звонка записывалась от руки. Дальше она либо доходила до учёта, либо терялась на этом переходе, и узнавали об этом, когда клиент перезванивал спросить, когда будет машина.
В поиске компании не существовало: клиент мог найти её только через знакомых.
Что мы построили
Сайт делали с нуля, и это была не визитка на пять страниц, а рабочий инструмент приёма заявок. Структуру собирали под то, как клиент ищет: не «о компании» и «наши преимущества», а конкретные материалы и направления перевозки, потому что человек вводит в поиск «щебень с доставкой», а не название перевозчика, которого он не знает.
Центральная часть сайта это каталог перевозимой продукции. Материалы, фракции, характеристики и цены. Клиент видит, что именно возит компания и сколько это стоит, до того как поднимет трубку, и звонит уже с конкретным вопросом об объёме и сроке.
Заявка с сайта уходит в два места сразу: создаётся сделка в Битрикс24 и приходит письмо менеджеру. Это осознанное дублирование, не избыточность.
Отдельной частью работы стала связка с 1С: номенклатура перевозимой продукции не заводится на сайте заново, а связана с учётной системой заказчика.
Структура сайта собрана под то, как ищет клиент, а не под то, как устроены отделы компании.
Почему цены правит сотрудник, а не разработчик
Цена на щебень не постоянная. Она идёт за ценой поставщика, за сезоном, за плечом доставки. Если менять её может только разработчик по заявке, то происходит одно из двух: либо компания платит за каждую правку и ждёт, либо цены на сайте перестают соответствовать действительности и клиент звонит с цифрой, которой уже нет.
Второй вариант хуже первого. Неверная цена на сайте это не просто неточность: разговор начинается с того, что менеджер объясняет, почему на сайте написано одно, а на самом деле другое. Доверие к остальным цифрам на сайте после этого не восстанавливается.
Поэтому мы сделали админку, в которой сотрудник компании сам меняет цены, добавляет и убирает позиции каталога, правит описания и характеристики. Это обычная работа менеджера, а не обращение к подрядчику.
Из того же решения следует, что каталог живёт. Появилась новая фракция или новый материал, и он появляется на сайте в тот же день, а не в следующем оплаченном пакете доработок.
Неверная цена на сайте не просто неточность: разговор с клиентом начинается с объяснения, почему написано одно, а на деле другое.
Заявка в двух местах сразу
Заявка с сайта создаёт сделку в Битрикс24 и одновременно уходит письмом менеджеру. Второй канал существует ровно для одного случая: когда первый недоступен.
Внешние системы иногда недоступны, и это нормальное состояние, а не авария. У Битрикс24 бывают недоступность и ограничения на частоту обращений, и заявка, отправленная в такую минуту, при единственном канале просто исчезает. Клиент при этом уверен, что оставил её: он видел сообщение об успешной отправке.
Письмо на почту закрывает этот разрыв. Даже если сделка в CRM не создалась с первого раза, у менеджера есть обращение с контактами и содержанием, и клиенту перезвонят.
Сама форма собрана так, чтобы её заполняли: спрашивается то, без чего заявку не обработать, а не всё, что теоретически полезно знать. Каждое лишнее поле в форме это часть людей, которые её не отправят.
Клиент видел сообщение об успешной отправке и уверен, что оставил заявку. Второй канал нужен, чтобы он оказался прав.
Что это дало
У компании появился канал, которого не было. Клиент, который ищет щебень с доставкой, теперь может найти перевозчика, а не только тех, у кого сайт уже был.
Разговор с клиентом стал короче: цену и наличие материала он видит до звонка, и звонит уже по делу, с объёмом и адресом.
Заявка перестала быть записью от руки, которая может не дойти. Она попадает в воронку продаж, и её состояние видно, а не хранится в памяти того, кто взял трубку.
И прайс перестал быть файлом на одном компьютере: цены на сайте меняет сотрудник компании, в тот момент, когда они изменились.
Вся работа заняла около месяца, включая каталог, админку и обе интеграции.
На чём построено
Технологии проекта взяты из общего реестра компании: у каждой описана роль и класс задач, где мы её применяли.
Интерфейс
- TypeScriptОсновной язык интерфейса
- ReactБиблиотека интерфейсов
- Next.jsКаркас приложения и рендер на сервере
Серверная часть
- Node.jsОсновная серверная среда
Данные
- PostgreSQLОсновная база данных
Интеграции
- 1СОбмен с учётной системой компании
- Битрикс24Обмен с CRM: сделки, контакты, задачи
Инфраструктура
- NginxБалансировка, маршруты, HTTPS
- LinuxСерверная операционная система
Что применяли в проекте
Каждая услуга это отдельный раздел с составом работ и ориентиром по стоимости.
У вас похожая задача?
Первый разговор ни к чему не обязывает: разберём вашу ситуацию и скажем, нужен ли вам такой проект вообще.
Другие проекты
- Торговый бот для биржи Bybit и мониторинг P2P в TelegramСделка открывается из Telegram или по заданным правилам, состояние позиций и P2P-рынок команда видит в одном месте
- Личный кабинет клиента и бонусная программа для сети салонов красотыКлиент записывается сам в кабинете или в Telegram-боте, видит историю визитов и баланс бонусов, копит их за визиты и за приведённых друзей и тратит при оплате
- ИИ-обработка входящих заявок: ответы клиентам в Telegram, почте и на сайтеСистема собирает обращения из трёх каналов, отвечает на них сама по материалам заказчика и передаёт человеку то, что должен решать человек