Кейс · Сайт послуг

Кожна послуга автосервісу — з ціною і кнопкою «Замовити»

Сайт харківського автосервісу CarExpert: головна-лендінг із блоками послуг, окремі сторінки під тонування, обклеювання плівкою та інші роботи, відгуки Google, карта і форми заявки в один клік.

НішаАвтосервіс: тонування скла, обклеювання авто плівкою, детейлінг (Харків)
ПлатформаJoomla, власний шаблон
СтрокДизайн — 2 тижні, верстка і запуск — 3 місяці; далі 2 етапи доробок
Рік2020–2022
https://carexpert.in.ua/
Головна CarExpert — блок 01 «Тонування автомобільного скла» з ціною і кнопкою «Замовити» Сторінка послуги «Обклеювання автомобіля плівкою» з галереєю робіт Сторінка послуги «Тонування автомобільного скла» Блок відгуків Google і карта «Де ми знаходимося»

1Задача

Автосервісу потрібен був сайт, який продає послуги, а не просто розповідає про компанію. Кожна послуга — з фото, орієнтовною ціною «від», прикладами робіт і кнопкою заявки. Окремо — сторінка автошколи CarExpert School на базі того самого дизайну.

2Рішення

Спроєктували в Figma головну-лендінг із пронумерованими блоками послуг і зверстали її на Joomla з власним шаблоном. Під кожну послугу — своя картка з ціною, галереєю і попап-формою заявки. Додали віджет відгуків Google, карту, месенджери в шапці та онлайн-чат. Пізніше зробили шаблон сторінок послуг і додали окремі посадкові сторінки під SEO.

3Результат

Сайт працює з 2020 року: 9 сторінок послуг, 8 блоків на головній, 9 форм заявки під конкретні роботи. У 2026 році сайт переведено на статичний HTML без CMS — він став легшим і не потребує оновлень движка.

Що зробили

Дизайн і структура

  • Макети в Figma: головна-лендінг із нумерованими блоками послуг (01–08), сторінка послуги, мобільна версія
  • Темна палітра під автомобільну тематику, шрифт Montserrat, великі фото робіт
  • Типовий блок послуги: заголовок, основне фото, ціна «від», карусель прикладів, короткий опис, кнопка «Замовити»

Верстка і Joomla

  • Власний шаблон Joomla на Bootstrap, адаптивна верстка під десктоп і мобільні
  • Шапка з адресою, телефонами та кнопками Viber / Telegram / WhatsApp
  • Окремі сторінки для 9 послуг: тонування, обклеювання плівкою, полірування, реставрація оптики й салону, аудіосистеми, кондиціонери, промивка радіаторів, шумоізоляція

Заявки та інтеграції

  • 9 попап-форм заявки (Convert Forms), кожна прив'язана до своєї послуги — менеджер одразу бачить, що замовили
  • Віджет відгуків Google, Google Maps із точкою сервісу, Google Tag Manager
  • Онлайн-чат Spikmi, робочий sitemap.xml і robots.txt

CarExpert School

  • Окремий сайт автошколи на піддомені на базі основного дизайну: змінений логотип, курси для власників автомийок і детейлінг-майстрів
  • Переробка головної під новий контент і фото розділів

Доробки 2021–2022

  • Шаблон сторінок послуг і верстка додаткових сторінок за дизайном
  • Додавання нових посадкових сторінок під окремі послуги

Підтримка 2026

  • Сайт переведено на статичний HTML — без адмінки й зайвих компонентів, контент і структура збережені

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

  1. 1Бриф: перелік послуг, структура лендінгу, блок відгуків і карта
  2. 2Дизайн у Figma — головна та типовий блок послуги
  3. 3Верстка шаблону Joomla, наповнення, форми заявки та віджети
  4. 4Запуск основного сайту і сайту автошколи
  5. 5Доробки: шаблон сторінок послуг, нові посадкові сторінки
9
сторінок послуг із ціною і заявкою
8
блоків послуг на головній
9
форм заявки під конкретні роботи
2
сайти: автосервіс і автошкола

Що всередині

JoomlaВласний шаблонBootstrapjQueryFigmaConvert FormsEngageBoxGoogle ReviewsGoogle MapsGoogle Tag ManagerОнлайн-чатАдаптивна верстка

Потрібен сайт для автосервісу чи майстерні?

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

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