Розробка фронтенду WordPress + WooCommerce з 3D конфігуратором
Огляд проекту:
Мені потрібен досвідчений фронтенд-розробник для реалізації сайту на WordPress/WooCommerce з використанням існуючих дизайнів у Figma. Основна вимога — інтеграція 3D конфігуратора продукту (бажано Verge3D) у вигляді плагіна. Сайт має бути побудований так, щоб його було легко обслуговувати та масштабувати у майбутньому.
1. Дизайн та ресурси:
Надано повний файл дизайну у Figma (включає всі сторінки: головна, перелік товарів, окремий товар, кошик, оформлення замовлення).
Всі ресурси (зображення, іконки, шрифти) підготовлені у Figma.
2. Основні технічні вимоги:
Платформа: WordPress + WooCommerce (існуюча установка).
3D конфігуратор:
Інтегрувати плагін на базі Verge3D (або альтернативу, якщо запропонуєте краще рішення) для налаштування продукту.
Конфігуратор має працювати безперебійно на сторінках товарів.
Вибори користувача (колір, матеріали тощо) мають оновлювати ціну/варіанти товару у реальному часі.
Якість коду:
Модульна архітектура: компоненти мають бути багаторазовими (наприклад, кнопки, картки товарів, форми).
Зрозумілий код: всі змінні, функції та CSS-класи мають використовувати самодокументовані імена (наприклад, productCard__title замість div > .text-lg).
Коментарі: ключові розділи задокументовані англійською мовою.
Продуктивність:
≥ 90/100 за Google PageSpeed Insights (десктоп/мобільний).
Оптимізувати зображення (WebP/SVG там, де можливо), lazy loading, мінімальні HTTP-запити.
Чистий CSS/JS (без непотрібного коду, мінімізований у продакшн).
Адаптивність:
Бездоганний UX на всіх пристроях (десктоп, планшет, мобільний).
Перевірено на Chrome, Firefox, Safari, Edge (останні версії).
3. Функціональні вимоги:
Точна реалізація дизайнів у Figma.
Інтеграція WooCommerce: сторінки товарів, кошик, процес оформлення.
3D конфігуратор, пов’язаний із варіаціями товару (наприклад, зміна матеріалу у 3D-виді оновлює вибір варіанту WooCommerce).
4. Забезпечення майбутньої масштабованості:
Використовувати дочірню тему для кастомізацій (без прямого редагування батьківської теми).
Дотримуватися стандартів кодування WordPress/WooCommerce.
Всі плагіни/модулі мають бути легкими для оновлення та розширення іншими розробниками.
5. Терміни та бюджет:
Термін: якомога швидше (будь ласка, вкажіть реалістичний час у пропозиції).
Бюджет: обговорюваний (надайте фіксовану ціну або погодинну ставку з обґрунтуванням).
Майбутня робота: очікується постійне покращення та обслуговування після запуску.
6. Результати:
Повністю функціональний сайт на WordPress/WooCommerce з інтегрованим 3D конфігуратором.
Чистий, задокументований вихідний код.
Адаптивний дизайн, протестований на різних пристроях.
30-денна підтримка з виправлення помилок після запуску.
Необхідні навички:
Експертиза у фронтенд-розробці WordPress/WooCommerce.
Досвід роботи з 3D веб-конфігураторами (Verge3D, Three.js або подібними).
Глибокі знання: HTML5, CSS3 (SASS), JavaScript (ES6+), PHP (для інтеграції теми).
Інструменти оптимізації продуктивності (Webpack, Lighthouse).
Контроль версій (Git).
Як подати заявку:
Портфоліо: покажіть 2-3 релевантні проекти на WordPress/WooCommerce (особливо з 3D/інтерактивними елементами).
Підхід: коротко поясніть:
Як ви інтегруєте 3D конфігуратора з WooCommerce.
Ваша стратегія оптимізації продуктивності.
Як ви забезпечуєте підтримку коду.
Як ви забезпечуєте швидкість роботи сайту
Термін та вартість: орієнтовна дата завершення та детальна пропозиція.
Питання: перераховуйте будь-які необхідні уточнення.
Примітка: доступ до Figma буде наданий відібраним кандидатам.