Создание кастомной темы для WordPress под ключ!

Необходимо разработать чистую, быструю и полностью кастомную тему для WordPress с интеграцией WooCommerce. Верстка должна строго соответствовать предоставленному макету в Figma, быть отзывчивой (responsive) и оптимизированной для высокой конверсии и быстрой загрузки.

1. Общие технические требования

Движок: Актуальная стабильная версия WordPress + WooCommerce.

Архитектура темы: Создание новой кастомной темы (чистый код). Использование тяжелых конструкторов (Elementor, Divi, WPBakery и т.д.) строго запрещено, если это не согласовано отдельно. Приоритет — высокая скорость загрузки (Green zone в Google PageSpeed Insights).

Стек: HTML5, CSS3/SCSS,原生 JavaScript (ES6+) или минимальный jQuery (если необходимо для плагинов).

Верстка: * Pixel-Perfect соответствие макету Figma.

Адаптивность: корректное отображение на всех экранах (Desktop 1920px+ до Mobile 320px). Mobile-First или качественная Desktop-версия с плавным брейкпоинтами.

Кроссбраузерность: Chrome, Safari, Firefox, Edge (актуальные версии).

Семантическая верстка (<header>, <nav>, <main>, <section>, <footer>, правильная структура заголовков <h1>-<h6>).

Поддержка Retina-дисплеев (использование SVG для иконок и логотипов).

2. Структура страниц и функционал для реализации

Необходимо сверстать и посадить на логику WordPress/WooCommerce следующие шаблоны страниц (ориентируйтесь на макет):

Главная страница:

Слайдер/баннерная зона (динамический вывод).

Блоки с преимуществами.

Сетка популярных товаров / новинок (динамический вывод из категорий WooCommerce).

Блок блога / новостей.

Каталог товаров (Архив WooCommerce):

Отображение товаров сеткой.

Кастомный Ajax-фильтр (по цене, атрибутам, категориям), соответствующий дизайну.

Сортировка товаров.

Пагинация (или кнопка «Показать еще» через Ajax, если есть в макете).

Карточка товара (Single Product):

Галерея изображений товара (слайдер/зум, если предусмотрено).

Блок выбора вариаций (цвет, размер и т.д.), если товар вариативный.

Вкладки: Описание, Характеристики, Отзывы (стилизованные под макет).

Блок «С этим товаром покупают» / Похожие товары.

Корзина (Cart) и Оформление заказа (Checkout):

Полная кастомизация стандартных страниц WooCommerce под дизайн Figma.

Валидация полей формы оформления заказа.

Текстовые/Информационные страницы:

Шаблон типовой страницы (О нас, Доставка и оплата, Контакты) с формой обратной связи.

3. Интеграция с WordPress & WooCommerce

Динамичность: Все элементы, которые должны меняться (меню, контакты в шапке/футере, тексты баннеров, логотип, ссылки на соцсети), должны управляться из админ-панели (через стандартный кастомайзер или Advanced Custom Fields — ACF Pro).

Логика WooCommerce: Использовать стандартные хуки и функции WooCommerce, не ломая архитектуру плагина, чтобы в будущем тему можно было обновлять.

Мини-корзина: Стилизованная корзина в шапке сайта (поп-ап или выпадающий список при клике/наведении) с обновлением количества товаров без перезагрузки страницы (Ajax).

4. Оптимизация и SEO-подготовка

Скорость: Минификация CSS/JS. Оптимизация загрузки шрифтов (font-display: swap). Ленивая загрузка изображений (Lazy Load).

SEO: Чистый код без дублирующихся тегов <h1>. Корректная генерация alt-тегов для картинок из медиатеки.

Чистота: Отсутствие ошибок в консоли браузера (Console errors).

5. Что ожидается на выходе (Результат работы)

Архив с готовой темой, готовой к установке на чистый WordPress.

(Опционально) Дамп базы данных и папки wp-content (All-in-One WP Migration или Duplicator) с демонстрационным контентом для быстрой проверки.

Корректная работа всех адаптивных версий и форм отправки.

6. Критерии приемки

Полное визуальное соответствие макету Figma на всех разрешениях.

Корректная работа корзины, оформления заказа, фильтров и отправки форм.

Показатели скорости Google PageSpeed: не менее 85+ для мобильных и 95+ для десктопа.