Задание: Сделать верстку интернет-магазина на WordPress по нашему дизайну (Дистанционная работа)
У нас есть готовый дизайн нужно его сверстать на WordPress, один в один (от себя не добавлять ничего и не убирать) + адаптацию сделать под все устройства + панель управления, чтобы мы могли загружать товары. На выходе рабочий магазин на домене со всем доступами, которые нам передаются. Дизайн: https://www.figma.com/design/ztSh4tyTxLKnaC6mseF9e2/Untitled?node-id=0-1&t=EYFfuMDCBDKjLOQf-0
+ главная прикреплена как файл как исходник и как картинка
Ниша: продажа печатной техники, расходных материалов и запчастей. На сайте будет размещено большое количество товаров (около 50 видов оборудования, 800 видов бумаги и 10 000 позиций запчастей). Товары хотим загружать через 1С для загрузки прайс-листов
Основные требования: WordPress с использованием плагина WooCommerce для организации интернет-магазина. Другие движки не рассматриваем
Дополнения: Интеграция с 1С для автоматической загрузки прайс-листов в каталог товаров. Покупка через форму на сайте, заявки должны приходит на почту. Платежной системы не будет. Возможность использования корзины, но без онлайн-оплаты. Заказы будут оформляться через форму. Черно-белые фото с эффектом нажатия: фото должны менять цвет на цветное при наведении. Поиск. Применение фильтров по категориям, цене, популярности и т.д. Плавная загрузка товаров по мере прокрутки (infinite scroll). Карточка товара: Полная информация о товаре (название, описание, характеристики, цена). Кнопка для добавления товара в корзину. Картинки товара с возможностью зума. Секция с похожими товарами.
Страница "О нас": Информация о компании, ее услугах, ценностях и ключевых преимуществах.
Контакты: Адрес, телефон, форма обратной связи. Карта с местоположением.
Блог: Статьи на тему печатной техники и расходных материалов.
Дизайн должен быть реализован в точности как отрисовано в макетах Figma. Все элементы интерфейса, включая шрифты, цвета, расположение блоков, кнопок и изображений, должны полностью соответствовать отрисованному макету. Эффект изменения изображения: Все фотографии товаров на сайте должны по умолчанию быть черно-белыми. При наведении курсора на изображение оно должно плавно изменяться на цветное.
Прайс-листы: Интеграция с 1С для загрузки прайс-листов и автоматического обновления информации о товарах. Прайс-листы должны быть загружены из Excel в каталог товаров, чтобы поддерживать актуальность ассортимента. Для оформления заказа необходимо создать форму, в которой покупатель может оставить свои контактные данные и выбрать способ получения. После оформления заказа должна приходить автоматическая email-уведомление
Поиск по сайту: Возможность искать товары по названию, артикулу и категории.
SEO-оптимизация: Оптимизация для поисковых систем, включая создание мета-тегов, alt-тегов для изображений и дружественные URL. SSL-сертификат для безопасности передачи данных. Защита от спама на форме обратной связи. Мобильная версия: сайт должен быть полностью адаптирован под мобильные устройства. Все элементы должны корректно отображаться на экранах различных размеров.
Анимации и эффекты: Фото товаров на главной странице и в каталоге должны быть черно-белыми по умолчанию. При наведении курсора фото товара должно изменяться на цветное с плавной анимацией. Плавные переходы между страницами, быстрая загрузка сайта.
