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

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

Гардеробные системы, стеллажные системы, сушильные шкафы и верстаки от компании ПРОМЕТ.
safe.ru/workbench-calculator/
Технологии
  • Фронтенд: Vue.js
  • Бэкенд: 1С-Битрикс: Управление сайтом
Задача

Разработать калькулятор верстаков, производящихся группой компаний ПРОМЕТ.

  • «Уложить» в единый конфигуратор сразу 3 серии верстаков
  • Показать пользователю, как меняются эксплуатационные характеристики верстака в зависимости от того или иного выбора
Читайте также кейс по разработке калькулятора
стеллажей для ПРОМЕТ
Исходные данные
  • Прототип калькулятора в Excel
  • Множество таблиц с описанием комплектующих
  • Блок-схемы для каждой серии верстаков
  • Доступ к специалистам, знающим свой продукт от А до Я
Поиск решения и проектирование

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

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

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

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

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

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

Техническая сторона

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

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

Что получилось в итоге
  • В рамках конфигуратора можно создать любое количество верстаков. Каждый можно собрать заново, а можно сделать копию с уже готового.
  • Параметры каждого верстака можно отредактировать.
  • Блок итогового расчета калькулятора состоит из таблицы, где перечислены все комплектующие и их цены.
  • Собранную конфигурацию можно отправить на печать или себе на электронную почту.
Есть проект? Свяжитесь с нами.
дальше: Remmers
Напишите нам
Загрузка...
Спасибо
Загрузка...