Магазин кліматичної техніки з блоком послуг
Інтернет-магазин кондиціонерів, вентиляції та теплових насосів для інженерно-сервісної компанії з Харкова: каталог із розумним фільтром плюс окремі сторінки послуг «Вентиляція», «Кондиціювання», «Опалення».
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)
Як це виглядає
Макети з Figma поруч із живим сайтом: головна, сторінка послуги, каталог із фільтром і мобільні версії.
Наведіть курсор на знімок — він прокрутиться. Торкніться знімка, щоб відкрити його повністю.
Як ішла робота
- 1Бриф: головна за шаблоном re-market, послуги — за референсом
- 2Дизайн головної та сторінки послуги у Figma, погодження
- 3Встановлення OpenCart 3 і теми oct_remarket на dev-домені
- 4Верстка блоків за макетами, налаштування фільтра й модулів
- 5Наповнення каталогу та сторінок послуг, запуск
Що всередині
Потрібен магазин із послугами на одному сайті?
Зберемо інтернет-магазин на OpenCart, де каталог і заявки на монтаж працюють разом. Напишіть — обговоримо задачу.