Full-Stack/Front-End разработчик для разработки интерактивного конструктора кастомизации устройств

Компания "Trip Market Group”"

Описание проекта:

Мы находимся на этапе активного развития нашего проекта — каталожного сайта [macskins.kz] (https://macskins.kz), который предлагает кастомные скины и чехлы для устройств, включая ноутбуки и смартфоны. Важная цель — сделать сайт более современным и визуально привлекательным, а также добавить интерактивные инструменты, чтобы пользователи могли сами создавать уникальные дизайны для своих устройств.

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

Мы ориентируемся на реализацию интерфейса, как на сайте [dbrand](https://dbrand.com/shop/skins/iphone-15-pro-max-skins#/customizer/edit/design), где пользователи могут выбирать готовые дизайны и применять их к устройству, но нам нужно пойти дальше. Мы хотим объединить возможности кастомизации, как на [SkinIt](https://www.skinit.com/products/custom-iphone-15-pro-impact-case), где есть опция загрузки пользовательских изображений, изменения их размеров, добавления текстов и наложения дополнительных элементов.

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

---

### Задачи:

1. Обновление существующего интерфейса сайта — переработать визуальную структуру, сделать сайт более графическим и привлекательным. Необходимо убрать избыточный текст, акцентировать внимание на визуале и сделать пользовательский интерфейс более динамичным.

2. Создание нового модуля кастомизации:

- Пользовательский путь:

1. Пользователь нажимает на кнопку "Customize Gadget", переходит в модуль выбора устройства.

2. Выбирает модель устройства (например, iPhone, MacBook, Samsung и т.д.).

3. Выбирает предложенный дизайн из каталога или загружает собственное изображение.

- Возможности кастомизации:

- Изменение размера, положения и поворота загруженного изображения.

- Добавление текстовых элементов с настройками шрифтов и цветов.

- Комбинирование предустановленных дизайнов и собственных изображений.

- Финальный результат:

Пользователь видит, как будет выглядеть его устройство с примененным дизайном в 2D или 3D-режиме (аналогично dbrand), с возможностью переключаться между различными ракурсами устройства.

3. Интеграция с корзиной и оформлением заказа — после завершения работы над дизайном пользователь должен иметь возможность добавить продукт в корзину и сразу перейти к оформлению заказа. Должна быть поддержка для передачи готового дизайна на сервер, который затем будет применен при производстве.

4. Разработка интерактивного конструктора — создать функционал, аналогичный примеру [SkinIt](https://www.skinit.com/products/custom-iphone-15-pro-impact-case), где пользователи могут загружать изображения, изменять их параметры и видеть результат в реальном времени.

5. Оптимизация под мобильные устройства — необходимо сделать модуль кастомизации и весь сайт полностью адаптивными для работы на смартфонах и планшетах. Интерфейс должен легко подстраиваться под размеры экрана и быть удобным в использовании на всех устройствах.

---

### Требуемые навыки и опыт:

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

js), HTML, CSS — для создания динамического интерфейса.

- Опыт работы с WebGL или библиотеками для работы с 3D-графикой (например, Three.js) — для визуализации готового дизайна на модели устройства.

- Знание Backend (Node.js, Python, PHP) — для интеграции с существующей системой сайта и серверными функциями (обработка заказов, хранение пользовательских данных).

- Опыт создания интерактивных конструкторов или визуальных конфигураторов (наличие успешных примеров в портфолио).

- Навыки работы с API и интеграцией внешних сервисов — возможно, будет необходимо подключение сторонних инструментов (например, системы визуализации).

- Понимание UX/UI дизайна и опыта пользователей — важно учитывать удобство и интуитивность работы с модулем.

### Дополнительные требования:

- Опыт работы с сайтами по типу dbrand и SkinIt, где реализована интерактивная кастомизация с визуализацией дизайна и возможностью загружать собственные изображения.

- Понимание того, как объединить готовые дизайнерские решения с функционалом полной кастомизации.

- Умение работать в команде, соблюдать сроки и доводить проект до конца.

---

### Условия работы:

- Гибкий график — возможность работы удаленно.

- Проектная работа (оплата по итогам выполненных задач, обсуждается индивидуально).

- Конкурентная заработная плата по итогам собеседования (в зависимости от сложности проекта и квалификации кандидата).

- Возможность реализовать интересный проект и напрямую повлиять на конечный продукт.

### Контакты для отклика:

Пожалуйста, отправьте свое резюме и портфолио (без портфолио и существующих работ отклики рассматриваться не будут).