Підготовка та розміщення зображень у шаблоні картки товару на CMS Хорошоп

Потрібен саме спеціаліст із досвідом роботи з Хорошопом. Потрібно розуміти особливості редагування карток товарів, описів, HTML-блоків, адаптивності та обмежень CMS Хорошоп. Добре розбиратися в інструмнтах штучного інтелекту, які допомагають у роботі контент-менеджеру (не тільки писати промпти, в впроваджувати більш ефективні рішення в роботі). 

Сайт для роботи

Тестова картка товару - https://matrasroll.com.ua/testova-kartka-tovaru/

Робота проводиться тільки на тестовій картці товару.

Ціль завдання

Коректно вставити вже підготовлені зображення в готову структуру опису товару відповідно до передбачених блоків.

В описі вже буде прописано, де саме мають бути зображення. Потрібно уважно дотримуватись структури, логіки блоків і візуальної акуратності.

Що потрібно зробити

1. Робота із зображеннями

Використовувати вже надані зображення.

Нові зображення підбирати не потрібно.

Потрібно перевірити, щоб використані зображення:

• були хорошої якості
• не виглядали розмитими або піксельними
• коректно відображались після завантаження
• не обрізали важливі елементи
• відповідали логіці конкретного текстового блоку

2. Розміщення зображень в описі

Потрібно вставити зображення строго в передбачені місця у структурі опису.

Важливо дотримуватись:

• до якого текстового блоку належить конкретне фото
• порядку блоків
• загальної логіки картки товару
• коректного відображення на desktop і mobile
• відсутності проблем із версткою

Зображення мають бути вбудовані акуратно, без хаотичних відступів, зміщень і різного візуального розміру там, де це не передбачено структурою.

3. Обробка та підготовка зображень

Перед розміщенням потрібно за потреби підготувати зображення під шаблон:

• підігнати розміри під вимоги картки
• зберегти правильні пропорції
• зробити єдиний візуальний стиль
• вирівняти відступи
• за потреби заокруглити краї або зробити м’які межі
• оптимізувати вагу файлів без помітної втрати якості

Важливо, щоб зображення не обтяжували сторінку і не погіршували швидкість завантаження.

4. Адаптивність

Після розміщення потрібно перевірити, як блоки виглядають:

• на desktop
• на mobile
• у різних ширинах екрана

Зображення не повинні:

• виходити за межі контейнера
• ламати текстові блоки
• створювати горизонтальний скрол
• стискатися непропорційно
• обрізати важливі елементи
• виглядати занадто дрібними або занадто великими на мобільних пристроях

5. Робота саме в CMS Хорошоп

Потрібен спеціаліст, який розуміє, як коректно реалізувати таке завдання в Хорошопі.

Важливо:

• вміти працювати з карткою товару в Хорошопі
• розуміти, як редагується опис товару
• вміти акуратно вставляти зображення у структуру опису
• за потреби працювати з HTML у межах можливостей CMS
• не ламати наявну структуру сторінки
• не змінювати зайві елементи сайту
• не зачіпати робочі картки товарів

Що не можна робити

• Не можна змінювати основну структуру опису без погодження
• Не можна використовувати сторонні зображення замість наданих
• Не можна розміщувати фото довільно
• Не можна ламати верстку картки товару
• Не можна вносити зміни на інших сторінках сайту
• Не можна залишати зображення в різному стилі, розмірі та з різними відступами
• Не можна завантажувати важкі файли без оптимізації

Очікуваний результат

Після виконання завдання тестова картка товару має виглядати цілісно та професійно.

Має бути виконано:

• усі передбачені блоки з фото заповнені
• зображення розміщені в правильних місцях
• розміри зображень підігнані під шаблон
• блоки акуратно виглядають на desktop і mobile
• зображення не ламають верстку
• загальний стиль картки виглядає єдиним
• сторінка візуально сприймається як готова картка товару

Що потрібно від виконавця в отклику

1. Чи є у вас досвід роботи з CMS Хорошоп
2. Чи оформлювали ви раніше картки товарів або описи в Хорошопі
3. Чи можете працювати з HTML-блоками всередині опису товару
4. Чи зможете перевірити результат на desktop і mobile
5. Приклади схожих робіт, якщо є