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

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

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

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

Первый экран и мощности

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

Калькулятор стоимости хранения

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

Интерактивная карта расположения

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

Условия сотрудничества

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

Форма обратной связи

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

Анимации и сценарий скролла

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

Адаптивная вёрстка

Лендинг одинаково собран для десктопа и смартфона: часть B2B-аудитории заходит с телефона прямо из поля или машины. Мы адаптировали калькулятор, карту и форму под тач-управление и узкие экраны, сохранив читаемость цифр мощности и удобство ввода данных в расчёт. Скорость загрузки держим на контроле, чтобы страница открывалась быстро даже на мобильном интернете.