Задание: HTML-верстальщик. Верстка интернет-магазина по макету Figma (WordPress + WooCommerce) (Дистанционная работа)
Нужно сверстать интернет-магазин по готовому дизайну в Figma.
Бэкенд будет на WordPress + WooCommerce, поэтому верстка должна быть чистая, адаптивная и готовая к интеграции в тему.
Ссылка на макет Figma: https://www.figma.com/design/HoyQfL38eiHpaPnL3gv6pk/%D0%94%D0%B5%D1%82%D0%B0%D0%BB%D1%8C%D0%BA%D0%B0-%D0%98%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%9C%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD
Страницы для верстки:
Главная
Каталог + фильтры
Карточка товара
Корзина
Оформление заказа
Личный кабинет
Статические страницы (О компании, Контакты и т.д.)
404, поиск, попапы
Требования:
Пиксель-перфект по макету Figma
Адаптив (мобилка / планшет / десктоп)
Кроссбраузерность (Chrome, Firefox, Safari, Edge)
Чистый и семантический код
Оптимизация изображений (WebP, lazy-load)
CSS: SCSS + методология БЭМ
Сборка: Gulp + PostCSS
JS: jQuery, плагины — Swiper (слайдер), Choices.js (селекты)
Подготовка шаблонов под WooCommerce (archive-product.php, single-product.php, cart, checkout)
Что предоставляем:
Макет Figma
Гайд по цветам и шрифтам
Карта шаблонов
Что требуется на выходе:
Сверстанные страницы (адаптив)
Исходники проекта (SCSS, JS, Gulp)
Инструкция по запуску (README)
