Лендинг элеваторного комплекса с калькулятором хранения зерна

Логика калькулятора написана на чистом JavaScript и работает прямо в браузере. Посетитель вводит объём зерна и срок хранения, а расчёт по формуле заказчика мгновенно выдаёт ориентировочную сумму — без перезагрузки страницы и запросов к серверу. Такой подход даёт мгновенный отклик и не нагружает хостинг. Формулу и тарифы вынесли в настройки, чтобы менять ставки без переписывания кода.

Карта встроена в блок географии и показывает точку элеватора с возможностью зума и перемещения. Для B2B-клиента это коммерческий инструмент: он оценивает логистическое плечо до своих полей и удобство подъезда прямо на странице, не уходя на сторонние сервисы. Поведение карты — масштаб по умолчанию, метку, границы области — мы настроили под конкретный объект, чтобы посетитель сразу видел нужный контекст.

У элеваторного комплекса узкая B2B-аудитория и понятный набор вопросов: мощности, расположение, условия, контакт. Многостраничная структура здесь рассеивает внимание, а лендинг ведёт посетителя по единому сценарию скролла прямо к заявке. Концентрированная подача фактов и интерактивные блоки — калькулятор и карта — работают на конверсию лучше разветвлённого меню. Если задача расширится, лендинг на WordPress легко достроить до многостраничника.

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

Да. Сайт собран на WordPress, поэтому тексты, цифры мощности и условия сотрудничества заказчик правит из админки без разработчиков. Поля формы обратной связи и адрес получателя заявок настраиваются в Contact Form 7. Ставки калькулятора вынесены в настройки, чтобы обновлять тарифы хранения без правки кода. Такой подход делает лендинг автономным — компания сопровождает контент своими силами.

Форму обратной связи собрали на Contact Form 7 — проверенном плагине WordPress. Посетитель оставляет контакты и запрос, заявка уходит на почту комплекса; поля и получателя настраивает заказчик. Форму мы продублировали по ходу страницы и вызываем из ключевых блоков — из первого экрана, после калькулятора и в финале, — чтобы обращение всегда было на расстоянии одного клика от момента решения. Плагин закрывает и базовую защиту от спама.

Мощности — главный аргумент элеватора, поэтому мы вынесли их в акцентные блоки первого экрана и отдельную секцию. Ключевые цифры — объёмы приёмки и хранения — поданы крупно и структурно, а анимация на GSAP подсвечивает их по мере скролла. Задача блока — чтобы посетитель за секунды соотнёс масштаб комплекса со своей задачей по зерну и перешёл к расчёту стоимости или заявке.