Конструктор для кастомизации контейнеров

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

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

Поэтому компания обратилась к нам для создания нового конструктора.

Было необходимо, чтобы конструктор отвечал следующим требованиям:

- визуально приятный и понятный для пользователя;

- легкое управление элементами и их вариативность;

- быстрый и оперативный;

- легко масштабируемый в дальнейшем.

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

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

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

На этапе фронтенд-разработки для проекта использовался фреймворк Next.js с технологией Canvas. Next.js обеспечил создание реактивного веб-приложения, а Canvas позволил создать интерактивный конструктор контейнеров.

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

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

Далее подробнее расскажем о возможностях конструктора:

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

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

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

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

На данный момент проект находится на финальной стадии перед релизом: внедряются дополнительные функции и элементы.

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