ПЭТ Индустрия: сайт производителя ПЭТ-тары с каталогом, заявками в Битрикс24 и 3D-конструктором бутылки

1. Вводная задача от заказчика, проблематика, цели

ПЭТ Индустрия производит ПЭТ-тару для оптовых заказчиков: бутылки, флаконы, крышки и ручки. У компании уже был работающий сайт на WordPress — с каталогом, статьями и страницами, которые находились в поиске.

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

• Кто будет менять товары и статьи после запуска?
• Что произойдёт со старыми ссылками, которые уже есть в поиске, закладках и переписке?
• Не начнётся ли всё с нуля?

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Панель управления вместо WordPress. Настроили панель на Directus и связали её с новым сайтом. Сотрудники сами ведут товары, фотографии, категории, статьи и ответы на вопросы покупателей — через понятные поля, без правки кода. Материал можно подготовить в черновике, проверить в предпросмотре и при необходимости вернуться к прошлой редакции. Для команды подготовили инструкцию с основными сценариями.

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

Старые ссылки ведут на новые страницы. Восстановили соответствие старых и новых адресов. Прежняя ссылка на бутылку «Цилиндр» 0,5 л приводит на её актуальную карточку; для снятых позиций открываются соответствующие категории. Работа продолжилась и после запуска: уточняли переадресации, описания страниц для поиска и карту сайта.

3D-конструктор собственной бутылки. Для задач за пределами готового ассортимента разработали конструктор. Форма собирается из компонентов — дно, корпус, плечи, горловина, оформление — и сразу видна на объёмной модели. В основу библиотеки легли реальные чертежи производства. Два варианта можно сравнить в одном масштабе, а проект — сохранить и вернуться к нему позже.

На чём сделано. Сайт собран на Next.js и React: страницы готовятся заранее на сервере, поэтому человек сразу получает готовую страницу. Трёхмерная графика работает на Three.js прямо в браузере, устанавливать ничего не нужно. Сначала открывается обычная страница, объём подгружается после неё; на слабых устройствах остаётся лёгкая версия.

Открыть конструктор бутылки

Каталог продукции ПЭТ Индустрии

3. Результаты сотрудничества

• Сотрудники ПЭТ Индустрии сами ведут каталог и материалы сайта через панель управления.
• Заявка приходит в Битрикс24 вместе с выбранным товаром.
• Старые адреса связаны с действующими страницами: ссылки из поиска и закладок не заканчиваются ошибкой.
• Конструктор выдаёт размерный эскиз, который можно скачать и обсудить с производством.
• Лучший результат страниц сайта в проверке скорости Google на телефоне — 96 из 100; доступность и подготовка к поиску — 100 из 100.

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

Отзыв клиента. «Проделана огромная работа по анализу специфики и методов привлечения клиентов. Очень легко собирать материал, когда профессионал методично предоставил категории в нужном порядке. Около двух месяцев работы — считаю, это очень быстро. 5+++» — Дмитрий, ПЭТ Индустрия. Отзыв на Яндекс Картах.

Подробный разбор кейса на сайте спецайти