BrokenBit

Сайт для автомийки й детейлінгу в Києві — кейс Joker Auto Spa

Односторінковий сайт для автокомплексу в Бортничах, де чотири різні послуги треба було подати так, щоб людина не загубилась і дійшла до дзвінка.

/ Клієнт
Joker Auto Spa
/ Ніша
Автомийка, шиномонтаж і детейлінг
/ Сайт
jokerautospa.com.ua
JOKERAUTOSPA — Автомийка, шиномонтаж і детейлінг
/ 01

Задача

Автокомплекс поєднує чотири напрями — мийку, шиномонтаж, хімчистку килимів і детейлінг. Це різні аудиторії з різними питаннями: хтось їде помити авто зараз, хтось шукає, де перевзутись на сезон, хтось обирає детейлінг на кілька годин. Потрібна була одна сторінка, яка обслуговує всіх і не перетворюється на каталог. Окремо важив контекст використання: цей сайт відкривають з телефона, часто за кермом і на мобільному інтернеті, тому все мало вантажитись миттєво.

/ 02

Рішення

Зібрали сайт статично — чистий HTML, CSS і JavaScript, без фреймворків, CMS і бази даних. Для візитки це найкращий варіант: немає що ламати, бо немає адмінки й БД, немає щомісячних витрат на підтримку рушія, і сторінка вантажиться швидше за будь-яку збірку на конструкторі. Контент тут майже не змінюється, тож CMS була б платою за функцію, якою ніхто не користується. Напрями розвели на окремі блоки з власним описом і кнопкою, а не зібрали в один список. Для мийки й хімчистки показали процес по кроках — саме «що зі мною робитимуть» питають перед першим візитом. Форму запису прибрали: у цьому бізнесі не планують наперед, а дзвонять з дороги, тому кожна кнопка веде прямо на номер. У хедері на чистому JavaScript працює індикатор «відчинено зараз» за київським часом.

/ 03

Що ми зробили

  • /Структура сторінки під чотири напрями послуг
  • /Дизайн у темній індустріальній темі з помаранчевим акцентом
  • /Адаптивна верстка під телефон, планшет і десктоп
  • /Анімації появи блоків при прокрутці та мобільне меню на vanilla JS
  • /Індикатор «відчинено / зачинено» за київським часом
  • /Блоки процесу для мийки та хімчистки килимів
  • /Контакти з годинами роботи та живою картою Google Maps
  • /Мета-теги, прев'ю-картка для месенджерів, robots.txt і sitemap.xml
  • /Хостинг, домен, SSL-сертифікат Let's Encrypt
  • /Підключення Google Search Console і картка Google Business Profile

/ Стек

HTML5CSS3JavaScript (vanilla)Google FontsGoogle Maps
/ 04

Результат

Сайт побудований навколо одної дії — дзвінка. Жодна кнопка не веде у форму чи прайс: людина з телефона натискає й одразу потрапляє на набір номера. Для бізнесу, де рішення ухвалюється за хвилину в машині, це коротший шлях, ніж заявка з очікуванням відповіді. За рахунок статичної збірки сайт не має адмінки й бази даних — зламати нема чого, оновлювати рушій не треба, обслуговування коштує тільки хостинг і домен. Паралельно завели картку Google Business Profile, тому автокомплекс видно не лише в пошуку, а й на картах — для локального бізнесу це часто основне джерело клієнтів.

Подивитись сайт

Інші кейси

Потрібен такий самий результат?

Розкажіть про задачу — порахуємо вартість і терміни протягом дня. Консультація безкоштовна, навіть якщо ви ще не визначились із форматом.

Залишити заявку