Задача: Разработка конструктора шкафов-купе на сайте https://dokashkaf.ru/
Для кого: Конечные покупатели и продавцы в мебельных салонах “Дока Шкаф”.
Описание
Конструктор шкафов-купе “Дока Шкаф” позволяет собрать шкаф по предопределенным размерам, выбрать нужные секции (модули), выбрать двери, консоли, цвета и рисунки и по итогу получить конечный вид шкафа на основании выбранных опций.
Шаг 1 - Выбор количества секций
На первом шаге пользователь выбирает количество секций и размеры шкафа (длина|ширина|высота).
В зависимости от выбора в левой части - меняется крупная картинка в правой части конструктора, что позволяет лучше увидеть все элементы конструкции.
Шаг 2 - Выбор варианта исполнения
На втором шаге пользователю предлагается выбрать вариант компоновки внутренних секций.
Шаг 3 - Выбор модулей
В зависимости от выбранного варианта исполнения в шкафу может быть 1 или 2 секции для выбора модулей. При выборе той или иной секции для изменения модулей - на рисунке справа она подсвечивается для наглядности.
Шаг 4 - Выбор фасада
На шаге выбора фасада можно выбрать тип фасада и его конечный рисунок. В правой части на увеличенной картинке видно, как будет выглядеть шкаф с дверьми.
Шаг 5 - Выбор боковых консолей
При выборе консолей - они показываются на увеличенной картинке.
Шаг 6 - Выбор цвета корпуса и профилей
На этом шаге пользователь выбирает цвет своего шкафа. Картинка справа не меняется в зависимости от выбора, при это сами картинки цветов корпуса и профилей можно увеличить и детально рассмотреть текстуру.
Шаг 7 - Итоговый результат
На итоговом шаге пользователь может увидеть все выбранные им параметры, посмотреть итоговую картинку своего шкафа, может распечатать свой шкаф, а так же заказать его онлайн.
Технические особенности конструктора
Конструктор строится на наложении изображений шкафа слоями, что позволяет нарисовать шкаф 1 раз, разрезать его по частям, а не делать изображение под каждый выбранный параметр.
Пример наложения
Подобная структура позволяет легко заменять элементы в конструкторе без их повторной орисовки.
Наполнение конструктора
Редактирование и наполнение всех параметров конструктора происходит в админке сайта или путем импорта из excel.
Нужна разработка конструктора шкафов?
Напишите Константину - руководителя данного проекта, или звоните +7 922-20-66-184