Калькулятор верстаков для Промет

Требовалось разработать калькулятор верстаков, производящихся группой компаний ПРОМЕТ. При этом калькулятор должен одновременно решать две задачи: 1) «Уложить» в единый конфигуратор сразу 3 серии верстаков. 2) Показать пользователю, как меняются эксплуатационные характеристики верстака в зависимости от того или иного выбора

Исходные данные:

- Прототип калькулятора в Excel

- Множество таблиц с описанием комплектующих

- Блок-схемы для каждой серии верстаков

- Доступ к специалистам, знающим свой продукт от А до Я

Технологии

- Фронтенд: Vue.js

- Бэкенд: 1С-Битрикс: Управление сайтом

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

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

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

В процессе разработки прототипа сформировалась следующая концепция:

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

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

- Дополнительно можно указать количество экранов, наличие освещения и аксессуары.

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

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

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

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

В качестве бэкенда используется 1С-Битрикс: Управление сайтом, на котором и работает основной сайт. Для удобства заказчика все комплектующие верстаков подтягиваются из основного каталога продукции, а цены выводятся в зависимости от региона пользователя.

Что получилось в итоге

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

- Параметры каждого верстака можно отредактировать.

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

- Собранную конфигурацию можно отправить на печать или себе на электронную почту.