Разработка сайта на WordPress
Разработка фронтенда 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, где возможно), ленивое загрузка, минимальные HTTP-запросы.
Чистый CSS/JS (без неиспользуемого кода, минифицирован в продакшене).
Адаптивность:
Безупречный пользовательский опыт на всех устройствах (десктоп, планшет, мобильный).
Проверено в 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 будет предоставлен кандидатам, прошедшим предварительный отбор.
-
1 день25 707 UAH1 день25 707 UAH
Привет .
У меня огромный опыт в создании сайтов на чистом коде или WordPress .
Не стесняйтесь связаться со мной .
Похожий выполненный проект: Створити не складний сайт-визитівку з PDF
-
7 дней56 556 UAH
123 7 дней56 556 UAHДобрый день! 👋
Благодарим за подробное описание — мы двое опытных разработчиков с сильным техническим бэкграундом в WordPress, WooCommerce и фронтенде, в том числе с опытом работы с 3D-конфигураторами (Verge3D, Three.js).
🔧 Что можем реализовать:
✅ Верстка сайта по Figma-дизайну (адаптивная, Pixel Perfect, кроссбраузерная)
✅ Интеграция WooCommerce: категории, товары, корзина, оформление
✅ 3D-конфигуратор на базе Verge3D или альтернативы:
— Отображение изменений в реальном времени (материалы, цвет, элементы)
… — Связь с вариациями WooCommerce и обновлением цены
✅ Оптимизация под Google PageSpeed (90+ баллов)
✅ Кодовая архитектура: BEM, SCSS, чистый JS, документация на английском
✅ Чистая, масштабируемая структура сайта с дочерней темой
📌 Опыт:
Реализовывали проекты с 3D-визуализацией товаров (мебель, автозапчасти, одежда)
Настраивали кастомные плагины, расширения WooCommerce
Оптимизировали крупные eCommerce-сайты по производительности и SEO
Работаем с Git, Gulp/Webpack, Figma, ACF, WPML, Stripe/WayForPay
❓ Уточнения:
Уже создана 3D-сцена/модель для Verge3D?
Какие именно параметры продукта должны быть изменяемыми?
Требуется ли дальнейшая интеграция с CRM или Email-автоматизация?
Будем рады обсудить детали в удобном для вас формате
ПРИКЛАДЫ В ЛИЧНЫХ НАДЫШЛИТЕ
Ждём доступа к Figma для точной оценки ✉️
-
7 дней51 414 UAH
162 7 дней51 414 UAHЗдравствуйте.
С интересом ознакомилась с Вашим проектом. Уверена что смогу сделать эффективную и качественную работу соответствующее Вашим требованиям и ожиданиям. Опыт работы более 8 лет.
-
12 дней61 697 UAH
186 12 дней61 697 UAHПредложение: Разработка фронтенда WordPress + WooCommerce с 3D-конфигуратором
Привет, Алекс,
Я внимательно изучил ваши требования к проекту и уверен, что могу создать высококачественный, масштабируемый сайт на WordPress + WooCommerce с интегрированным функционалом 3D-конфигуратора.
Я опытен в:
Кастомной разработке фронтенда WordPress/WooCommerce
…
Точной реализации в Figma
Интеграции Verge3D или аналогичных конфигураторов с синхронизацией вариантов/цены в реальном времени
Чистом, модульном коде (HTML5, SASS, JS ES6+, PHP) с полной адаптивностью
Оптимизации производительности (PageSpeed 90+ на десктопе и мобильных устройствах)
Интеграции 3D-конфигуратора:
Я интегрирую Verge3D прямо на страницы товаров. Выбор пользователя (цвет, материал и т. д.) будет обновлять варианты и цены в реальном времени, связанный с логикой WooCommerce.
Практики разработки:
Дочерняя тема для всех настроек
Именование в стиле BEM для чистых, переиспользуемых компонентов
Полностью документированный код для будущего обслуживания
Полностью адаптивный дизайн, протестированный во всех основных браузерах
Я новичок на этой платформе и еще не загрузил свое портфолио, но с радостью поделюсь релевантными ссылками на проекты сразу после связи. Пожалуйста, отправьте файл Figma, чтобы я мог его просмотреть и подготовить точный план.
срок после ознакомления с вашим проектом
-
15 дней25 707 UAH
364 4 0 15 дней25 707 UAHЗдравствуйте Alex!
Заинтересовал ваш проект разработки сайта на WordPress с WooCommerce и 3D-конфигуратором
Готов реализовать фронтенд с интеграцией Verge3D, воспроизведя дизайн из Figma с адаптивностью и оптимизацией
Опыт есть, более 5 лет с WordPress/WooCommerce и 3D-интерактивом (Three.js/Verge3D)
Планирую: модульную архитектуру, PageSpeed ≥90, ленивую загрузку, дочернюю тему и 30-дней поддержки
Подход: Интеграция 3D-конфигуратора через Verge3D API с обновлением вариаций WooCommerce в реальном времени
Оптимизация через Webpack, минификацию CSS/JS и WebP-изображения
Чистый код с комментариями и Git-контролем
Скорость за счет асинхронных запросов и кэширования
… Жду вашего ответа для обсуждения условий!
-
15 дней25 707 UAH
277 1 0 15 дней25 707 UAHЗдравствуйте,
У меня 4 года опыта в фронтенд-разработке для WordPress/WooCommerce, включая интеграцию 3D-конфигураторов таких как Verge3D и Three.js. Я готов создать полноценный сайт на основе дизайна Figma с адаптивной версткой, интеграцией WooCommerce и связанного 3D-конфигуратора. Я реализую Verge3D как отдельный плагин, настроив его так, чтобы выбор цвета, материала или другого варианта обновлял соответствующую вариацию продукта и цену в реальном времени.
Я работаю с дочерними темами, придерживаюсь модульной архитектуры, использую семантические и самодокументирующиеся имена, комментирую код на английском. Оптимизирую производительность для достижения показателей PageSpeed 90+ (ленивая загрузка, WebP, минификация CSS/JS, критический рендеринг). Использую Git и предоставляю 30 дней поддержки после запуска.
Могу лично поделиться примерами похожих проектов. Готов начать — жду доступа к дизайну и дальнейших деталей.
-
30 дней25 707 UAH
404 2 0 30 дней25 707 UAHПривет, меня зовут Евгений!
Напиши мне, я буду рад поработать с тобой!
-
15 дней25 861 UAH
7134 13 0 15 дней25 861 UAHЗдравствуйте! У меня большой опыт разработки на WordPress и WooCommerce — создавал кастомные темы и плагины, строго следуя стандартам WP
План такой:
– Интеграция конфигуратора через кастомный плагин, связанный с вариациями WooCommerce
– Pixel-perfect верстка из Figma
– Компонентный подход + чистый, читаемый код
– Оптимизация под 90+ Google PageSpeed (lazy load, WebP, минимизация, кастомная сборка)
– Кроссбраузерность и адаптив на всех устройствах
… ⌛ Срок: зависит от сложности конфигуратора, ориентировочно 2–4 недели
💰 Стоимость: фиксированная или почасовая, обсуждаемо , после того , как гляну фигму
Готов обсудить детали и показать релевантные проекты.
-
30 дней25 707 UAH
1251 3 0 30 дней25 707 UAHПривет! Я соучредитель веб-студии по разработке буклетов, брендбуков, айдейтиков, логотипов, баннеров, креативов, сайтов любой сложности, CRM-системы Confidence Technology, а также настройке рекламы и SEO-продвижению.
Ближайший проект https://aquahub.org.ua
Наши последние проекты, включая дизайн:
✔️ https://louca360marketing.com/ (логотип + брендбук)
✔️ https://diamond-firms.com (логотип + брендбук)
✔️ https://novobudova.pro
✔️ https://stxtrade.com (логотип + брендбук)
✔️ https://salehub2b.eu
✔️ https://confidence-crm.com (логотип + брендбук)
… ✔️ https://skyhigh-lviv.com
✔️ https://ukrfix.com (логотип + брендбук)
✔️ https://sweet-sdpearls.de/
✔️ https://aquahub.org.ua
✔️ https://boostylabs.com
✔️ https://ol.zp.ua
✔️ https://smt-industry.com (логотип + брендбук)
✔️ https://butams.com (логотип + брендбук)
✔️ https://emporio-sports.cz (логотип + брендбук)
С наилучшими пожеланиями, Валентина
-
5 дней25 707 UAH
1639 4 0 5 дней25 707 UAHПривет. Можешь показать дизайн Figma для правильной цены и срока?
-
30 дней57 121 UAH
7537 16 0 1 30 дней57 121 UAHПривет.
Ознакомился с заданием
Создайте качественный сайт с чистым оптимизированным кодом и современным дизайном.
Пожалуйста, напишите мне в личные сообщения, чтобы обсудить все детали проекта!
----------------------------------
Частный разработчик веб-сайтов. Опыт – 9 лет.
Дизайн, верстка, разработка сайтов Wordpress.
Актуальные фриланс-проекты в категории Веб-программирование
Мультирегиональность на Laravel
5000 UAH
Что требуется: Реализовать ГЕО-структуру (Страна -> Область -> Город) в виде кастомного плагина, чтобы не править ядро CMS. Для каждой такой ГЕО-страницы в админке должны быть стандартные поля: H1, Title, Description и поле для SEO-текста. Фронтенд (выбор города для… Веб-программирование ∙ 18 минут назад ∙ 16 ставок |
Добавить бегущую строчку в шапку сайта
700 UAH
https://crazybox.com.ua/uk?srsltid=AfmBOopQRUXCCmxx699n57B3eP1XmwcYxJxwPh9qV9WcVjLjS_J2pK5s вот пример как выглядит у них, нужно сделать по их подобию а на этом нужно сделать https://rollershop.com.ua/ опенкарт ocStore 3.0.3.7. и что бы была возможность редатировать текст… PHP, Веб-программирование ∙ 2 часа 19 минут назад ∙ 49 ставок |
Сайт похожий на https://boom-inc.ruСоздать современный одностраничный сайт (Landing Page) для продукта PowerShot — протеинового напитка в двухкамерной упаковке. Стиль сайта: Минимализм Тёмный фон Неоновые фиолетово-бирюзовые акценты Стиль похож на BoomShot Акцент на инновационность продукта Главный экран… Интернет-магазины и электронная коммерция, Веб-программирование ∙ 2 часа 24 минуты назад ∙ 45 ставок |
Установка плагина на Shopify для кастомизации контента на разных страницахЗдравствуйте. Нужно на сайт на Shopify установить плагин для возможности добавлять и редактировать кастомный контент внизу каждой страницы категории для SEO. Нужно: 1. текстовый формат 2. Блок FAQ Либо можно это реализовать через код сайта, но чтобы это не повлияло на работу… CMS, Веб-программирование ∙ 4 часа 37 минут назад ∙ 21 ставка |
Исправить баги в верстке на сайте OkayCMS
700 UAH
Исправить баги в выпадающих меню на сайте на OkayCMS. Баг в отображении подкатегории меню при наведении на них CMS, Веб-программирование ∙ 5 часов 46 минут назад ∙ 36 ставок |