Задача: Фронтенд + WordPress по готовому макету
Цель проекта
Разработать одностраничный сайт (лендинг) для демонстрации продукта. Движок - WordPress. Дизайн предоставлен заказчиком в Figma.
Ключевое требование - уникальная анимация
- Анимация при скролле: при прокрутке страницы бутылка, изображенная в макете, должна «пролистываться» - т.е. будет реализован эффект секвенции кадров (поочередная смена фреймов). Заказчик предполагает использование технологии Canvas, CSS спрайтов или GIF (любой способ).
- Непрерывность: визуал бутылки должен плавно вращаться и менять позицию в зависимости от прокрутки.
Функционал и интеграции
- Корзина / кнопка покупки с последующим переходом к онлайн-оплате. Важно: вся логика должна встраиваться в WP.
- SEO-оптимизация: установка и настройка плагина Yoast SEO или Rank Math (или аналога). Требуется мета-разметка, OG-теги, Open Graph.
Условия и ограничения
- Исключительно WordPress (WP). Использование любого drag-and-drop конструктора вроде Tilda - запрещено.
- Figma-макет содержит названия бренда и прочие данные клиента, которые мы скрываем (замените плейсхолдерами в этой ТЗ форме).
- Анимация должна работать без видимых задержек на фронте; рекомендуется техника lazy load для всех остальных изображений.
Дополнительно
- Ответственность: исполнитель должен иметь подтвержденный опыт в связке React/Vanilla JS + Canvas (если он выбран для анимации). Плюсом будет опыт работы с API WooCommerce (для оплаты).
- Тема (хост) заказчика: неизвестна, стандартные рекомендации сторонних тем запрещены, строится на основе оригинала (Blank тема или Advanced Custom Fields - решить в диалоге).