Доработка Сайта на платформе weblium.site/shop

1. Общие сведения

• Сайт расположен по адресу: https://m579y.weblium.site/shop

• Платформа: Weblium (Weblium-редактор)

• Назначение: интернет-магазин товаров для животных

• Цель доработки: закончить верстку, привести визуальную часть к завершённому виду, подключить недостающие модули, настроить почту, платёжную систему, домен и загрузку фотографий.

2. Задачи подрядчику

Ниже перечислены основные задачи. Каждая задача должна быть выполнена полностью и с учётом качества (адаптивность, корректность отображения, отсутствие ошибок).

2.1 Завершение верстки сайта и доработка визуального оформления

• Пройти по всем страницам (главная, каталог, карточка товара, «о нас», контакты и т.п.) и завершить верстку: проверить и исправить разметку, стили, адаптивность (мобильная версия, планшет, десктоп).

• Доработать визуальную структуру магазина:

  • единый стиль заголовков, подзаголовков, текста;

  • единый стиль кнопок, ссылок, элементов интерфейса;

  • подбор и корректировка шрифтов и цветов в соответствии с фирменным стилем (если есть) или согласованием с заказчиком;

  • выравнивание элементов, корректное отображение отступов и сетки;

  • проверить и исправить иконки, изображения, графику, чтобы не “рвала” верстка и не было “резиновых” элементов.

• Проверка SEO-верстки: корректные заголовки H1/H2, alt-теги для изображений, читаемость верстки, перенос текста и элементов.

• Проверка кроссбраузерности: сайт корректно отображается в современных версиях браузеров (Chrome, Firefox, Edge, Safari) и на мобильных устройствах.

2.2 Заполнение категорий тематическими фотографиями

• Для всех категорий (разделов каталога) подобрать и разместить качественные тематические фотографии (например, для разделов «Для котів», «Для собак», «Кормові добавки» и др.).

• Требования к фотографиям: хорошее разрешение (например, не менее 1920×1080 для баннеров/обложек, не менее 800×600 px для категорий), оптимизированный размер файла (для быстрого скачивания).

• Все изображения должны быть визуально согласованы между собой: одинаковый стиль, цветовая гамма, композиция (например: животное + продукция + фон), либо по согласованию с заказчиком.

• Каждая категория должна иметь своё изображение-превью, отображаемое в каталоге. При наведении/выборе категории – корректное отображение.

• В каталоге проверить отображение «без изображения» или с placeholder: если категория не имеет изображения – согласовать с заказчиком подход (либо загрузить заглушку, либо пометить «в процессе»).

2.3 Подключение новой почты к сайту

• Подобрать (или использовать уже созданную) корпоративную почту (например: info@ВашДомен, sales@…, support@…).

• Настроить её на домене (после переноса домена — см. пункт 2.5).

• Настроить отправку писем с сайта: уведомления о заказах, письма подписки, контакты. Проверить, что письма уходят корректно (не попадают в папку «Спам»).

• При необходимости — настроить SPF, DKIM, DMARC, чтобы улучшить доставляемость.

• Убедиться, что почта отображается на сайте (например, в футере или разделе контакты) и связана с формами обратной связи/заказа.

2.4 Подключение платёжной системы LiqPay

• Интегрировать LiqPay на сайте: настроить приём платежей через LiqPay (Украина — наиболее вероятно).

• Убедиться, что при заказе в магазине появляется выбор оплаты через LiqPay.

• Настроить безопасную работу: переход на соответствующую страницу оплаты, получение обратного уведомления от LiqPay, обновление статуса заказа в системе.

• Проверить функциональность на тестовом режиме, затем — на боевом.

• Убедиться, что плата за услугу (комиссия LiqPay) указана/уточнена с заказчиком, и пользователь видит корректную информацию.

• Убедиться, что в финальной версии заказа клиент получает подтверждение оплаты, а администратор — уведомление.

2.5 Перенос доменного имени со старого сайта

• Сторона заказчика: запросить у подрядчика старого сайта отключение домена (или предоставить нужный доступ/настройки).

• Подрядчик должен настроить DNS-запись домена (A, CNAME и др.) или же произвести смену хостинга, чтобы домен начал указывать на новый сайт на Weblium.

• Проверить, что после переноса домена сайт корректно работает по новому адресу, SSL-сертификат установлен (https), нет проблем с SEO (если старый сайт был проиндексирован: настроить 301-редиректы со старых URL, если потребуется).

• Убедиться, что почта (см. пункт 2.3) после переноса домена корректно работает, если используется часть домена.

• Убедиться, что никаких “битых” ссылок, изображений, перенаправлений после переноса нет.

2.6 Загрузка фотографий номенклатуры

• На текущий момент: загрузка номенклатуры (списка товаров) осуществляется через «нижний файл». Требуется доработать, чтобы к каждому товару загружалась/отображалась фотография.

• Параметры:

  • Каждому товару минимум 1 изображение, желательно возможность нескольких изображений (галерея) — для вариативных товаров: разные ракурсы, упаковка, применение.

  • Формат изображений: оптимизированный по размеру и весу (без потери качества для web).

  • Алгоритм загрузки: либо вручную через админ-панель, либо (если предусмотрено) через файл загрузки (CSV/Excel) с ссылками на изображения. Уточнить у подрядчика формат файла, шаблон.

  • Проверить, что изображения корректно отображаются на карточке товара, на pages каталога, не искажаются, пропорции корректны.

• Проверка: после загрузки товаров — пройтись по выборке товаров, убедиться, что изображения отображаются, не «битые», нет placeholder-картинок.

• Дополнительно: возможно автоматическая генерация thumbnail-версий (миниатюр) для каталога.

3. Дополнитель технические требования

• Адаптивность: сайт должен корректно отображаться на мобильных телефонах, планшетах и десктопах. Навигация должна быть удобна.

• Скорость загрузки: изображения должны быть оптимизированы, минимальный вес, использование lazy-load если необходимо. Минимизировать блокирующие ресурсы.

• SEO-базис: метатеги title/description для страниц, alt-теги для изображений, человеко-читаемые URL (если платформа позволяет).

• Безопасность: SSL-сертификат, проверка форм обратной связи на спам, защита админ-панели.

• Тестирование: после выполнения — провести проверку юзабилити, проверку функциональности, фиксы багов.

• Документация: подрядчик должен предоставить краткую инструкцию по дальнейшему обновлению сайта (например: как менять изображения категорий, как загружать товары, как проверять оплату LiqPay).

• Сроки и этапы: желательно разбить работу на этапы, например: этап 1 — верстка и визуалка; этап 2 — фото категорий; этап 3 — почта + LiqPay; этап 4 — домен + фото товаров; этап 5 — финальное тестирование и запуск. Заказчик и подрядчик согласовывают сроки для каждого этапа.

• Приёмка: после каждого этапа заказчик проверяет результат, даёт замечания, подрядчик вносит правки. После финального этапа — финальное утверждение и запуск.

• Поддержка: желательно предусмотреть период поддержки (например, 30 дней) после запуска для устранения багов бесплатно.

4. Что требуется от заказчика

• Предоставить доступ к редактору Weblium, хостингу/домену, панели электронной почты, LiqPay и др.

• Подготовить и согласовать фирменный стиль (логотип, цвета, шрифты) если ещё не согласовано.

• Подобрать и согласовать фотоматериалы категорий (или поручить подрядчику подбор).

• Предоставить файл с номенклатурой и, по возможности, файлы с изображениями товаров или ссылками на них.

• Уведомить старого подрядчика о отключении домена и передаче его на новое место.

• Согласовать сроки, бюджет, критерии приёмки.

5. Критерии успешной реализации

• Все страницы корректно отображаются и адаптивны.

• Все категории имеют качественные фотографии.

• Почта работает: письма уходят и принимаются.

• LiqPay интегрирована и проверена — оплата проходит, статус заказа обновляется.

• Домен перенесён