Разработка калькулятора стоимости печати на ткани

Сфера деятельности:

Оптовая печать на синтетических и натуральных тканях. Компания «Салитекс» занимается нанесением изображений на текстиль, декорированием и обработкой тканей, есть собственное производство.

Задачи проекта:

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

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

С компанией "Салитекс" мы сотрудничаем уже много лет. Ранее разработали для нее сайт, расширяли его структуру и занимались поисковым продвижением. Об этой части нашей работы уже рассказывали в отдельном SEO-кейсе.

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

Раньше эти параметры сводили менеджеры. Поэтому подготовка коммерческого предложения могла занимать несколько часов. Для покупателя это означало ожидание даже в ситуации, когда ему нужно было просто прикинуть бюджет заказа.

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

Стратегия

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

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

Чтобы этот сценарий работал, выделили четыре направления:

Расчетная модель. Объединить тарифы для трех технологий печати, учесть доступную ширину полотна, объем партии и обязательные расходы.
Интерфейс. Дать пользователю возможность быстро менять параметры и сразу видеть, как это влияет на цену.
Интеграция в сайт. Связать калькулятор со страницами услуг, предусмотреть автоматический выбор технологии и управление данными через админку.
Обработка заявок. Передавать результаты расчета вместе с макетами, контактами и комментариями. Настроить сохранение обращений и уведомления.

Над проектом работали:

Аккаунт-менеджер

София Боголюбова

SEO-оптимизатор

Анна Пантюхова

Разработчик

Родион Винничук

Реализация

Разобрали тарифы и условия производства

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

Так раньше выглядел прайс на печать

Таблица тарифов на печать ткани в зависимости от метража и ширины печати

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

Мы разобрали технологические карты и прайс-листы, чтобы перенести эту логику в калькулятор. В расчет включили:

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

Отдельно разобрали условия, которые не стали включать в автоматический расчет. Например, при заказе необходимо предусмотреть запас ткани 5% на приладку и усадку. Клиент также может заказать обработку пылесосом от 25 рублей или усадку ткани от 35 рублей.

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

Расчет стоимости и оформление заказа в одном окне

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

Выбор параметров. Пользователь указывает технологию печати, ширину и тираж. Метраж можно изменить ползунком или ввести точное значение вручную.

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

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

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

Калькулятор печати на ткани с выбором параметров, расчетом стоимости и формой заказа

Настроили пересчет стоимости в реальном времени

Для калькулятора разработали логику на JavaScript и PHP с использованием AJAX. Пользователю не нужно каждый раз нажимать кнопку расчета: стоимость обновляется сразу после изменения параметров.

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

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

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

Как меняется стоимость при увеличении тиража

Меньший тираж

Расчет стоимости печати при меньшем тираже

Больший тираж

Расчет стоимости печати при увеличенном тираже

Встроили калькулятор в действующие страницы сайта

Калькулятор сделали единым для разных направлений печати. Он открывается в модальном окне, поэтому пользователю не приходится покидать страницу услуги ради расчета стоимости.

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

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

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

Связали расчет с оформлением заявки

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

После отправки система выполняет несколько действий:

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

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

Форма оформления заказа

Форма заказа с контактными данными, загрузкой макета и комментарием

Результаты работы

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

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

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

После запуска изучили карту кликов в Яндекс Метрике. На ней видно, что посетители пользуются настройками калькулятора, взаимодействуют с расчетом стоимости и полями заявки. Это подтверждает интерес к новому функционалу. Изменение времени на сайте, отказов и конверсии можно будет оценить отдельно по сравнительной статистике.

Карта кликов: взаимодействия посетителей с калькулятором

Карта кликов Яндекс Метрики с действиями посетителей внутри калькулятора стоимости печати

Разработка калькулятора стоимости печати на ткани сайт saliteks.ru