Бюджет: 300 EUR Срок: 5 дней
Очень интересный и амбициозный проект — визуализировать смену цветов дизайна на автомобиле прямо в Shopify через кастомное приложение — задача не стандартная, но вполне реализуемая.
Пара уточняющих вопросов, чтобы лучше понять техническую часть:
- У вас уже есть SVG или векторные элементы дизайна, которые нужно будет перекрашивать программно?
- Планируете ли вы поддержку сразу нескольких моделей автомобилей или только одной?
- Цвета фиксированы (например, 6–8 вариантов) или пользователь сможет выбирать произвольные оттенки через палитру?
- Нужно ли сохранять выбранную конфигурацию, чтобы клиент мог добавить кастомный дизайн в корзину?
На вашем месте я бы предложил использовать SVG-контейнер с разделёнными слоями для каждого элемента дизайна (молнии, текст, акценты и т.д.), и менять их цвета через JavaScript прямо в браузере. Это даст плавный интерактив и избавит от необходимости рендерить десятки картинок вручную. Такой подход легко адаптируется под Shopify App и может быть встроен на страницу продукта.
В похожем проекте мы делали визуализатор цвета для кроссовок: клиент выбирал цвет каждой части обуви (шнурки, подошва, ткань), и всё менялось на лету через SVG + JS. Главная сложность была — обеспечить кроссбраузерную совместимость и адекватную загрузку на мобильных, но мы справились, и в результате пользователь мог видеть свой кастомный товар до покупки, что сильно подняло конверсии.
Для понимания объемов работы, а так же сроков ее выполнения, нам необходимо обсудить моменты, описанные выше.