«Конкритум» — красноярский завод товарного бетона. Задача была уйти от формата «оставьте заявку — менеджер посчитает» и сделать сайт, на котором клиент считает всё сам, как в сервисах доставки. Главный элемент — калькулятор, который считает не только бетон, но и доставку миксера по конкретному адресу: маршрут строится по реальным дорогам, а цена зависит от расстояния и загрузки машины.
Задача
- Показывать цену бетона и доставки сразу, без звонка менеджеру.
- Считать доставку честно — по фактическому маршруту миксера, а не «на глаз».
- Дать заводу менять тарифы (цена за километр, подача, цены марок) самостоятельно, без программиста.
- Собирать заявки в CRM вместе с адресом, объёмом и желаемой датой доставки.
- Сделать интерфейс, по которому приятно перемещаться и который одинаково работает на телефоне, планшете и десктопе.
Что сделали
Разработали корпоративный сайт с нуля: дизайн, вёрстка на Bootstrap 5 и собственная тема на WordPress.
- Главная из восьми блоков: экран с калькулятором, популярные марки с ценами, преимущества, карусель реализованных объектов, блог, карта.
- Каталог марок бетона и растворов с мега-меню и отдельными страницами марок.
- Блог о выборе бетона под задачу.
- Приём заявок в CRM (amoCRM), уведомления клиенту на e-mail и SMS.
- Адаптив под десктоп, планшет и телефон; на мобильном калькулятор превращается в нижнюю панель поверх карты.
Расчёт доставки по карте — как в такси
Пользователь выбирает марку, форму оплаты, объём и подвижность смеси (обычный бетон или под бетононасос) и указывает адрес: вводит вручную или ставит точку на Яндекс.Карте. Можно определить своё местоположение автоматически — тогда и маршрут построится от него.
- Маршрут строится по реальным дорогам через API Яндекс.Карт — с учётом односторонних улиц и запрещающих знаков, то есть по тому пути, которым реально поедет миксер.
- Стоимость доставки = фиксированная подача (выезд миксера с завода) плюс цена за километр фактического маршрута.
- Цена доставки за куб зависит от загрузки машины: полный миксер распределяет подачу на весь объём, частичная загрузка обходится дороже за куб.
- Зона доставки ограничена 60 км от завода; адрес за пределами зоны сайт отмечает предупреждением.
- В результате — стоимость бетона, стоимость доставки, итог и расстояние; по кнопке разворачивается подробная разбивка.
На телефоне сценарий тот же, но компактный: сначала шаг «Адрес» на карте во весь экран, затем форма выезжает нижней панелью с итоговой суммой.
Тарифы меняет сам завод
Цена за километр, стоимость подачи и цены марок вынесены в настройки калькулятора. Когда завод меняет тариф, доработка кода не нужна — расчёт сразу идёт по новым числам.
Доверие и объекты
Аргументы завода — собственная лаборатория, весовой контроль отгрузки, свой карьер и автоматизированное производство — собраны в блок «Почему выбирают нас». Отдельная карусель показывает объекты, для которых «Конкритум» поставлял бетон: ЖК «Портовый», ЖК «Чижи», ЖК «Барбарис», SCANDIS и другие проекты в Красноярске.
Стек
- WordPress, собственная тема, Bootstrap 5.3.
- Яндекс.Карты JavaScript API 3.0 — карта, геокодер, построение маршрута по дорогам.
- Передача заявок в amoCRM, уведомления по e-mail и SMS.
- Яндекс.Метрика — отслеживание шагов калькулятора: ввод адреса, расчёт, отправка заявки.
- Анимация загрузчика на GSAP.
