Кейс · Інтернет-магазин

Магазин кліматичної техніки з блоком послуг

Інтернет-магазин кондиціонерів, вентиляції та теплових насосів для інженерно-сервісної компанії з Харкова: каталог із розумним фільтром плюс окремі сторінки послуг «Вентиляція», «Кондиціювання», «Опалення».

НішаКліматична техніка та монтаж
ПлатформаOpenCart 3, тема oct_remarket
СтрокДизайн — 2 місяці, далі верстка й наповнення
Рік2024
https://climatesys.com.ua/ua/
Головна climatesys.com.ua — банер кондиціонерів, товар дня, популярні категорії Макет головної у Figma — перший екран з послугами монтажу Сторінка послуги «Вентиляція» з кнопкою прорахунку системи Макет сторінки послуги «Монтаж вентиляції» у Figma Категорія «Побутові кондиціонери» — список товарів і дерево категорій

1Задача

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

2Рішення

Взяли за основу шаблон oct_remarket для OpenCart 3 і допрацювали дизайн головної: додали блоки послуг, переваг, відгуків і виконаних об'єктів. Для послуг спроєктували окремі продаючі сторінки з формою прорахунку. Каталог оснастили фільтром за брендом, типом, потужністю на площу, фреоном і ціною.

3Результат

Двомовний магазин з 5 розділами і 17 підкатегоріями, понад 570 побутових кондиціонерів 20 брендів у фільтрі, три сторінки послуг і розділ «Наші об'єкти». Клієнт отримує і замовлення на техніку, і заявки на монтаж з одного сайту.

Що зробили

Дизайн у Figma

  • Головна сторінка за шаблоном re-market з доданими блоками послуг, переваг, відгуків, виконаних робіт і FAQ
  • Два варіанти головної — повна та скорочена
  • Типова сторінка послуги: перший екран із заявкою, «чому ми», типи об'єктів, переваги

Інтернет-магазин на OpenCart 3

  • Тема oct_remarket: банери, товари дня, стікери «Популярний» / «Рекомендуємо», живий пошук
  • Каталог: 5 розділів, 17 підкатегорій — кондиціонери, вентиляція, теплові насоси, електрична тепла підлога, інше обладнання
  • Фільтр за виробником, ціною, типом кондиціонера, потужністю на площу приміщення, фреоном і кольором блока
  • Картка товару з характеристиками, порівнянням, закладками та покупкою в один клік

Послуги та контент

  • Сторінки послуг «Вентиляція», «Кондиціювання», «Опалення» з кнопкою «Отримати прорахунок системи»
  • Розділ «Наші об'єкти» з виконаними роботами
  • Дві мови: українська та російська, hreflang
  • Контакти двох офісів — Харків і Київ, месенджери в шапці

Запуск

  • Верстка та збірка на dev-копії, потім перенесення на бойовий домен
  • Аналітика Google (gtag / Tag Manager)

Як ішла робота

  1. 1Бриф: головна за шаблоном re-market, послуги — за референсом
  2. 2Дизайн головної та сторінки послуги у Figma, погодження
  3. 3Встановлення OpenCart 3 і теми oct_remarket на dev-домені
  4. 4Верстка блоків за макетами, налаштування фільтра й модулів
  5. 5Наповнення каталогу та сторінок послуг, запуск
570+
побутових кондиціонерів у каталозі
20
брендів у фільтрі
17
підкатегорій у 5 розділах
2
мови сайту

Що всередині

OpenCart 3oct_remarketOC FilterFigmaPHPTwigjQueryBootstrapSlickGoogle Tag Managerukraine.com.ua

Потрібен магазин із послугами на одному сайті?

Зберемо інтернет-магазин на OpenCart, де каталог і заявки на монтаж працюють разом. Напишіть — обговоримо задачу.

Обговорити проєкт