Разработка сайта на OpenCart или OcStore (верстка/программирование)

Рассматриваю предложения как по верстке отдельно, так и полную Fullstack работу

ТЕХНИЧЕСКОЕ ЗАДАНИЕ НА РАЗРАБОТКУ ИНТЕРНЕТ-МАГАЗИНА

1. Общая информация

• Ниша: [Электроника, виниловые пластинки и звук]

• CMS: OcStore 3.0 (преимущественно для рынка Украины, так как имеет лучшую базовую локализацию) или OpenCart 3.0.x. (СТОИТ ЛИ OPENKART 4?)

• Материалы от заказчика: Макет в Figma, jpg прикрепил ПК версию..

2. Требования к верстке и Front-end

• Адаптивность: Верстка должна быть полностью адаптивной (Mobile First) и корректно отображаться на всех современных устройствах (смартфоны, планшеты, десктопы) и в браузерах (Chrome, Safari, Firefox, Edge).

• Соответствие макету (Pixel Perfect): Допускается минимальное отклонение от макета, но ключевые пропорции, отступы, типографика и цвета должны совпадать с Figma.

• Интерактивность: Реализовать все Hover-эффекты, анимации при добавлении в корзину, открытии попапов и меню согласно комментариям в макете. Если в макете комментария нет, буду благодарен за предложенные анимационные эффекты.

• Оптимизация изображений: Автоматическая конвертация загруженных баннеров и фото товаров в формат WebP.

3. Структура сайта и навигация

• Главная страница: Согласно макету (услуги в баннерах, категории и другое). Внимание! На главной странице нужно 2 функции главного слайдера 1) На фоне видео 2) На фоне несколько слайдов. Реализация многоуровневого меню.

• Каталог (Категории):

  • Короткий SEO текст сверху, баннеры, основной SEO текст после товаров

  • AJAX-фильтр товаров (по цене, бренду, атрибутам) без перезагрузки страницы. При выборе фильтров должна генерироваться корректная URL-адреса для дальнейшего SEO-продвижения.

• Карточка товара:

  • Фотогалерея с функцией увеличения по клику.

  • Выбор опций (цвет, размер, объем и т.д.) с изменением цены и фотографии и артикула (желательно опция = это переход на другой товар) (МАКЕТ ДОРАБАТЫВАЕМ)

  • SEO текст, оптимизация микроразметки карточки товара Product (цена, количество отзывов, звездочки, рейтинг)

• Информационные страницы: О нас, Доставка и оплата, Контакты, Блог/Статьи.

4. E-commerce функционал (Корзина и Оформление заказа)

• Корзина: Всплывающая (Mini-cart) при клике или добавлении товара, с возможностью изменить количество или удалить товар без перехода на отдельную страницу. (ДОБАВЛЮ В МАКЕТ)

• Оформление заказа (Checkout): * Внедрение модуля упрощенного оформления заказа на одной странице (Simple Checkout или аналог).

  • Обязательные поля: Имя, Телефон, Email (опционально), Способ доставки, Способ оплаты.

• Доставка: * Интеграция актуального API "Новая Почта" (выбор города и отделения/почтомата из выпадающего списка).

  • Курьерская доставка, Самовывоз.

• Оплата: * Наличными, Оплата при получении (наложенный платеж). (Сейчас есть в макете убираем)

5. SEO и Маркетинг (Критический блок)

• SEO-ядро: Установка и базовая настройка модуля SEO Pro (или аналога) для формирования правильных ЧПУ (SEO URL) и устранения дублей страниц.

• Мета-теги: Возможность задавать кастомные Title, Description, H1 для каждой страницы (товар, категория, статья) и настройки шаблонов генерации мета-тегов для товаров.

• Микроразметка: Внедрение Schema.org (Product, BreadcrumbList, Organization, Article) в формате JSON-LD.

• Sitemap и Robots.txt: Автоматическая генерация sitemap.xml с автообновлением. Корректный robots.txt.

• Управление редиректами: Модуль для удобного создания 301 редиректов из админки.

6. Интеграции и Выгрузка

• Экспорт и импорт товаров

7. Требования к быстродействию и безопасности

• Скорость загрузки: Оценка по Google PageSpeed Insights должна быть не ниже 70 для мобильных и 90 для десктопов. Настройка кэширования страниц и запросов к базе данных.

• Безопасность: Настройка SSL-сертификата (корректный редирект на HTTPS), изменение стандартного адреса админ-панели, защита форм от спама (Google reCAPTCHA v3).

• Архитектура: Использование модификаторов OCMOD для внесения изменений в код, чтобы сохранить возможность безопасного обновления системы. Прямое редактирование файлов ядра (core files) запрещено. (НЕ ЗНАЮ ЧТО ЭТО НО НАВЕРНОЕ ВАЖНО)

Хотим начать наполнять товарами как можно раньше (если возможно) во время разработки