Калькулятор верстаков для Промет
- Фронтенд: Vue.js
- Бэкенд: 1С-Битрикс: Управление сайтом
Разработать калькулятор верстаков, производящихся группой компаний ПРОМЕТ.
- «Уложить» в единый конфигуратор сразу 3 серии верстаков
- Показать пользователю, как меняются эксплуатационные характеристики верстака в зависимости от того или иного выбора
стеллажей для ПРОМЕТ
- Прототип калькулятора в Excel
- Множество таблиц с описанием комплектующих
- Блок-схемы для каждой серии верстаков
- Доступ к специалистам, знающим свой продукт от А до Я
Самым большим вызовом на этом проекте было объединение в единый конфигуратор трех разных серий верстаков. Некоторые комплектующие используются сразу в нескольких сериях, а некоторые уникальны для каждой серии. Причем различные комбинации комплектующих в рамках каждой отдельной серии влияют на выдерживаемую верстаком нагрузку.
Заказчиком было предложено строить диалог с пользователем, отталкиваясь именно от нагрузки, потому что именно эта характеристика является ключевой и понятной каждому покупателю.
После анализа большого количества данных из таблиц было решено разрабатывать пошаговый конфигуратор, на каждом шаге которого пользователю предлагается сделать понятный выбор и рассказывается, как этот выбор влияет на характеристики будущего верстака. Сам же верстак должен выводиться на экран и от шага к шагу «обрастать» новыми деталями.
В процессе разработки прототипа сформировалась следующая концепция:
- Диалог с пользователем начинается с выбора минимально необходимой нагрузки.
- Далее на протяжении нескольких шагов пользователю предстоит выбрать основание и опоры, что может увеличить максимальную нагрузку.
- Дополнительно можно указать количество экранов, наличие освещения и аксессуары.
- На протяжении всей работы с конфигуратором пользователь видит графическое представление будущего верстака, его стоимость с учетом текущего выбора и выдерживаемую нагрузку. Можно вернуться на несколько шагов назад и изменить выбор.
- Собранный верстак можно скопировать нужное количество раз, после чего внести в каждую копию нужные изменения.
Концепция была утверждена, после чего мы приступили к дизайну.
Для воплощения задуманного было решено разработать фронтенд-часть на фреймворке Vue.js, а для визуализации стеллажа использовать подготовленные изображения и CSS/JS.
В качестве бэкенда используется 1С-Битрикс: Управление сайтом, на котором и работает основной сайт. Для удобства заказчика все комплектующие верстаков подтягиваются из основного каталога продукции, а цены выводятся в зависимости от региона пользователя.
- В рамках конфигуратора можно создать любое количество верстаков. Каждый можно собрать заново, а можно сделать копию с уже готового.
- Параметры каждого верстака можно отредактировать.
- Блок итогового расчета калькулятора состоит из таблицы, где перечислены все комплектующие и их цены.
- Собранную конфигурацию можно отправить на печать или себе на электронную почту.