Редизайн сайта — удалённая работа в Москве

Сайт компании. Платформа: WordPress. Количество страниц: 7. Цель: Полностью перенести дизайн из Figma на WordPress, сохранив функциональность и адаптивность. Техническое задание (ТЗ) для переноса дизайна из Figma на WordPress (сайт naturi.su) 1. Общая информация • Сайт: naturi.su • CMS: WordPress • Текущие плагины: Список предоставлен ( CF7, Yoast SEO, ACF PRO и др.) • Источник дизайна: Макет в Figma (предоставим ссылку/файл) • Цель: Полностью перенести дизайн из Figma на WordPress, сохранив функциональность и адаптивность. ________________________________________ 2. Требования к верстке • Адаптивность: Поддержка мобильных устройств, планшетов и десктопов (Mobile First). • Кроссбраузерность: Корректное отображение в Chrome, Firefox, Safari, Edge. • Скорость загрузки: Оптимизация изображений (WebP/AVIF через Converter for Media), минификация CSS/JS. • Доступность (a11y): Соответствие стандартам WCAG (семантическая верстка, ARIA-атрибуты). ________________________________________ 3. Интеграция с WordPress • Тема: o Использовать текущую тему или создать дочернюю (если нужно кастомизировать). o Либо разработать кастомную тему на основе Figma. • Плагины: o Advanced Custom Fields PRO – для кастомных полей. o Contact Form 7 – формы должны сохранить функциональность. o Прочие плагины (если критичны для функционала). • Шрифты и стили: o Подключить шрифты из Figma (Google Fonts или кастомные). o Стилизовать элементы согласно макету (кнопки, формы, типографика). ________________________________________ 4. Блоки и страницы Необходимо перенести все страницы из Figma, включая: • Главная страница (слайдер, баннеры, категории товаров и т. д.). • Страницы товаров/каталога (фильтры через Product Filter by WBW). • Контакты (форма CF7 + карта). • Блог/статьи (если есть в дизайне). • Прочие страницы (о компании, доставка и т. д.). ________________________________________ 5. Анимации и интерактив • Плавные hover-эффекты (кнопки, карточки товаров). • Ленивая загрузка изображений (уже есть Embed Optimizer). • Анимации скролла (по необходимости). ________________________________________ 6. Оптимизация и SEO • Изображения: Конвертация в WebP/AVIF (через Converter for Media). • Кэширование: Настроить (если нет плагина кэширования). • Мета-теги: Проверить через Yoast SEO. ________________________________________ 7. Тестирование • Проверить на ошибки консоли (JS/CSS). • Протестировать формы (отправка писем через WP Mail SMTP Pro). • Проверить адаптив на разных устройствах. ________________________________________ 8. Сроки и бюджет • Срок: Оценить после ознакомления с макетом. • Бюджет: Обсуждается отдельно. ________________________________________ 9. Дополнительно • Если потребуется доработка функционала (например, новая логика фильтров), обсудить отдельно. • Предоставить доступ к Figma, WordPress (админка + FTP, если нужно). ________________________________________ Примечание: После завершения работ нужно проверить, что все текущие функции работают корректно.