Gravity Group
Инплайн конструктор банок
Gravity Group
#Проектирование сайта#Дизайн сайта#Программирование сайта

Инплайн конструктор банок

46 
Gravity Group Россия, Пермь
Поделиться: 0 0 0
Инплайн конструктор банок
Клиент

Инплайн

Бюджет

700 000

Сфера

Промышленность и оборудование

Регион

Россия

Сдано

Февраль 2026

Задача

Заказчику требовался интерактивный онлайн-инструмент для самостоятельной настройки клиентами пластиковых банок с последующей отправкой заявки в производство. Основные функциональные требования включали 3D-визуализацию банок в реальном времени с возможностью вращения и выбора предустановленных ракурсов, конфигуратор с выбором типа банки, цвета, типа и цвета крышки, выбором размера капсул из восьми вариантов, автоматический расчёт вместимости на основе насыпной плотности, загрузку пользовательских этикеток в форматах JPG и PNG, экспорт результата в PDF, а также сохранение состояния конфигурации в localStorage для восстановления при перезагрузке страницы.

Решение

Разработана десктопная версия конструктора с 3D-визуализацией на React и Three.js, затем выполнено развёртывание в инфраструктуре заказчика, расширен ассортимент капсул, доработана цветовая палитра и добавлена мобильная версия приложения.

Результат

В установленные сроки заказчику передано готовое к промышленной эксплуатации веб-приложение, развёрнутое в инфраструктуре ООО «Инплайн» и доступное для конечных клиентов. Продукт включает десктопную и мобильную версии с адаптивным интерфейсом, обеспечивает 3D-визуализацию банок в реальном времени с возможностью вращения, выбора предустановленных ракурсов и отображения всех конфигурируемых параметров: четырёх типов банок с горловиной 42 мм, девяти цветов, двух типов крышек (CRC и PP) в восьми цветовых вариантах, восьми размеров капсул (включая типы ТЖК, МЖК и таблетки). Реализован автоматический расчёт вместимости на основе насыпной плотности с визуальным отображением уровня заполнения, загрузка пользовательских этикеток с валидацией формата и размера, формирование PDF-отчёта с возможностью отправки в производство с указанием контактных данных.

Отзыв клиента

скан отзыва
https://configurator.inplain.ru/

Стек технологий

  • JavaScript JavaScript Язык программирования
  • Python Python Язык программирования
  • React Native React Native Фреймворк/библиотека

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


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

Хотите заказать похожий проект?

Gravity Group с удовольствием обсудит вашу задачу

Оставить заявку