Сайт на Аспро Максимум с 3d-конструктором пластиковой тары ПЗПИ
Сайт на готовом решении Аспро Максимум с 3d-конструктором пластиковой тары из моделей продукции завода с возможностью выбора флакона, крышки, материалов, добавления этикетки и контроля кратности оптового заказа
1С-Битрикс Управление сайтом
Готовые решение от Аспро
Framework ThreeJS для 3D WebGL
Figma (UI / UX)
React JS
Gitlab (CI/CD)
1Цели и задачи
Требовался новый, стильный, современный сайт для Пермского Завода Пластиковых Изделий, в то же время максимально быстро и экономично, но с "изюминкой" в виде 3D-конструктора пластиковой тары для привлечения клиентов и экономии времени маркетологов и бренд-менеджеров. Специфика деятельности производителя пластиковой тары заключается в возможности как изготовления тары из существующего каталога форм, из ранее производимых форм, из подготовленных моделей, а также полностью индивидуальных разработок. Кроме того, разные материалы и цвета из палитры Pantone возможны к производству, но некоторые уже ранее производились и поэтому с ними быстрее и легче получить ожидаемый результат - все это планировалось отразить на новом сайте и конструкторе продукции.2Главная страница
Выбранное решение от Аспро позволяет максимально кастомизировать внешний вид без внедрения программных изменений. Были использованы все стандартные элементы решения для кастомизации. Конструктор сразу же открывается с первой активной выбранной модели и позволяет произвести поиск по моделям и замену флакона.
На главной странице вывели компонент, позволяющий просмотреть весь каталог продукции - с о сменой категорий и отображением топовых позиций.
Под блок из крупных баннеров задействовали основные направления деятельности и описание уникальных возможностей компании, в том числе с баннера происходит переход на 3D-конструктор пластиковой тары.
3Информационные страницы
Вся информация со старого сайта была перенесена с сохранением адресации и адаптирована под современный формат и стилистику нового сайта.
Основой является флакон, именно по флакону производится основная фильтрация. Модели флаконов можно отфильтровать по типу материала (ПНД / ПЭТ), объему флакона из доступных значений и форме флакона. Переключение на другой флакон меняет текующую 3d-модель на визуализации и отфильтровывает список доступных для нее крышек. Заказ флакона возможен как вместе с крышкой, так и без нее.
4Каталог продукции
Каталог сайта использует стандартный функционал готового решения, были задействованы фильтры и статусы продукции.
На сайте производителя пластиковой тары в каталоге требуется контролировать по каждому артикулу минимально возможное количество для заказа и кратность паллетам. Мы задействовали стандартное поле кратности 1С-Битрикс, а для минимальной партии ввели дополнительное свойство и модифицировали компоненты, где происходит изменении позиции в корзине или добавление в корзину для контроля обоих этих значений одновременно.
5Конструктор продукции
Также для данного проекта был реализован конструктор пластиковой тары с 3D-визуализацией. С функционалом подбора флакона, крышки, выбора цветов.Кроме того, в конфигураторе присутствует возможность "примерки" своей этикетки на разные формы флаконов - этот функционал позволяет кратно сократить время бренд-менеджерам и маркетологам для предварительного просмотра и понимания, в какой именно таре их продукция будет выглядеть максимально выигрышно, не привлекая к задаче 3d-моделлеров, визуализаторов или дизайнеров. Конструктор позволяет загрузить свое изображение и простыми ползунками или мышью разместить изображение в доступной для наклеивания зоне на конкретном флаконе.
Возможность выбора материала, формы флакона, крышки, окрашивание в возможные к производству цвета материала и примерка своей этикетки позволяют сформировать эскиз будущего изделия.
6Корзина и оформление заказа
Корзина позволяет добавлять и отображать как товары из каталога, так и из конструктора. При добавлении в корзину конфигуратор генерирует изображение тары, создает временную номенклатуру и доабвляет ее в корзину с указанием hash-кода сохраненного проекта, по которому можно перейти в конфигуратор с предустановленными параметрами, также в номенклатуре сохраняется загруженная этикетка. В корзине также реализован контроль изменения количества позиций с учетом минимального заказа по позиции и ее кратности.
Форма оформления заказа также была значительно упрощена и содержит необходимые поля для юридических лиц.
В итоге новый сайт Пермского Завода Пластиковых Изделий на базе готового решения от Аспро не только выглядит современно и стильно, имеет удобный интерфейс наполнения и современное ядро системы управления, но и имеет свою "изюминку" в виде 3d-конструктора пластиковой тары.
Оглавление
Оглавление
Нужен похожий проект?
Расскажите о задаче — покажем близкие по смыслу работы и предложим решение со сроками и бюджетом.
Похожие проекты
