Техническое задание: Верстка и интеграция сайта-каталога

Общее описание

Требуется адаптивная верстка по макету Figma (desktop, tablet, mobile) и последующая интеграция на WordPress с WooCommerce. В рамках проекта: 7 типов страниц, 12 уникальных блоков. Главная страница - 6 блоков; внутренние - по 2-3 блока. Верстка кросс-браузерная, без готовых сборщиков (чистая HTML/CSS/JS + jQuery для анимации). Проект начинается немедленно, главная страница - до 28 января.

Основные разделы требований

Типы страниц в разработке

• Главная (6 уникальных блоков: шапка, каталог/хиты, преимущества, отзывы, подвал и др.)
• Карточка товара
• Список категорий/разделов
• Корзина/оформление заказа
• Страница корзины (если отличается от оформления)
• Блог/статья
• Произвольная страница (текст/контакты)

Состав работ

• Перенос всех макетов из Figma (12 уникальных блоков для desktop/tablet/mobile).
• Написание чистого CSS без избыточных препроцессоров (SCSS/SASS по желанию, результат обычный CSS).
• Desktop-версия: резиновая (max-width 1440px по макету, + широкие экраны).
• Tablet (768-1024px), Mobile (до 768px): брейкпоинты согласуются отдельно.
• Небольшая jQuery-анимация: при наведении - ховеры для превью товаров, каруселей, попапов. Никаких тяжелых слайдеров.

Интеграция с WordPress

• Кастомная тема на WordPress - без премиум-конструкторов.
• Подключение WooCommerce - интеграция основных страниц: карточка товара, каталог, корзина.
• MJ/Style разделение: стили в assets/css, скрипты в assets/js, шрифты и SVG в assets.
• Все блоки собираются через шаблоны PHP (page.php, front-page.php, etc.).

Сроки

• Старт - незамедлительно, заказ в течение текущей недели.
• Первый миcf: главная страница (вместе с preview до 28 января) плюс три базовые внутренние.
• Чистовой код с WP на проде - после утверждения верстки.

Компетенции исполнителя

• Утвержденное портфолио с кейсами верстки под WordPress + WooCommerce (ссылки обязательны при отклике).
• Опыт в обкатке полного цикла: макет → адаптив → кастомизация Класcических тем в PHP.
• В резюме - факты сжатых интеграциях ранее (JQuery анимации на boardх элементов, последними 2 релиза в стеке).

Плавная анимация модульного интернета (hover border-collor изменено угол меж заголовочных блоков - классика ) с заботой о delivery точно по срокам front-end - daily build успеть!