Кожна послуга автосервісу — з ціною і кнопкою «Замовити»
Сайт харківського автосервісу CarExpert: головна-лендінг із блоками послуг, окремі сторінки під тонування, обклеювання плівкою та інші роботи, відгуки 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 — без адмінки й зайвих компонентів, контент і структура збережені
Як це виглядає
Головна-лендінг, сторінки послуг, блок відгуків Google і мобільні екрани.
Наведіть курсор на знімок — він прокрутиться. Торкніться знімка, щоб відкрити його повністю.
Як ішла робота
- 1Бриф: перелік послуг, структура лендінгу, блок відгуків і карта
- 2Дизайн у Figma — головна та типовий блок послуги
- 3Верстка шаблону Joomla, наповнення, форми заявки та віджети
- 4Запуск основного сайту і сайту автошколи
- 5Доробки: шаблон сторінок послуг, нові посадкові сторінки
Що всередині
Потрібен сайт для автосервісу чи майстерні?
Зробимо лендінг або сайт послуг, де кожна робота має ціну, приклади й кнопку заявки, — з відгуками Google, картою і месенджерами.