Кейс CarBags

Кейс по программированию блока на самописном сайте.

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

Нам нужно 3 элемента по 9 цветов. Это будет 504 варианта. А после этого на них сделать по одному из 43 логотипов, будет 21 627 фотографий.
*Хлопок дверью* - наш дизайнер уволился.
Возьмем программирование и решим эту задачу с помощью деления целого объекта на 3 разные части. Для этого нужна 3D модель.
Такую модель
нужно было сделать
Наша 3D модель которую мы собрали по итогу.


Далее с макета на Figma был сверстан блок в коде и интегрирован в тело сайта.

Пока наши программисты наводили порядок в подборе цвета на уровне BlackBone.


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

И последним шагом было создание формы сбора заявок, с отправлением данных на почту.
Хороший сайт делается месяц. Не затягивай с решением и сразу начинай с заполнения брифа.
Спасибо за внимание!