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