Prime Service Co. — сайт ремонту техніки в Сакраменто з власною формою заявок і трекінгом Ads

Огляд проєкту

Prime Service Co. ремонтує побутову й комерційну техніку в регіоні Сакраменто: холодильники, пральні й сушильні машини, посудомийки, духовки та варильні поверхні, мікрохвильовки й кавоварки, а також кухонне та пральне обладнання для ресторанів, кав’ярень і офісів.

Сайт мав два завдання. Він мав допомогти власнику будинку чи керівнику ресторану швидко зв’язатися з компанією — телефоном або через форму заявки — і працювати посадковою сторінкою для платної реклами, де кожну заявку можна відстежити до оголошення, яке її привело. І водночас лишатися чесним: жодних відгуків, написаних для сайту, жодних «factory authorized» і гарантованого ремонту того ж дня — лише те, за що бізнес може відповідати.

Моя роль у проєкті

Я особисто вів проєкт від дизайну до запуску й продовжував розвивати сайт після нього. Напрями, які я вів і виконував безпосередньо:

• Дизайн і власна тема WordPress на ACF Pro та Tailwind CSS без конструктора сторінок: 13 шаблонів сторінок, 37 секцій для повторного використання й 49 вбудованих SVG-іконок
• Інсталятор в один клік, що створює всі сторінки, меню та значення полів і налаштовує головну, — весь сайт можна розгорнути заново на чистому WordPress
• Форма заявки: зберігання заявок в адмінці, листи, захист від спаму й відстеження конверсій
• Локальне SEO: окрема сторінка для кожного напряму ремонту й кожного району та структуровані дані на кожній сторінці
• Google Ads: я вів рекламу клієнта, тому сайт будувався як її посадкова сторінка, де вимірюється кожна заявка
• Зміни після запуску через міграції даних — від номера телефону до заявленого обсягу послуг, — щоб кожна правка доходила до контенту, вже збереженого в адмінці, а не лише до значень теми за замовчуванням

Що я зробив: сайт

• Головна: hero з рейтингом Google, вкладки «What do you need fixed?» для побутової й комерційної техніки, «чому ми», бренди, процес «чого очікувати», мапа зони обслуговування, портфоліо, FAQ і фінальний блок із формою заявки
• Хаби побутових і комерційних послуг і сторінка для кожного напряму ремонту — п’ять побутових і два комерційні — з частими несправностями та їхніми ознаками, типами техніки, брендами, відгуками й FAQ
• Service Areas із чотирма локальними сторінками: Сакраменто й Елк-Гроув; Роклін, Розвілл і Лінкольн; Фолсом і Ель-Дорадо-Гіллз; Вудленд
• Інтерактивна мапа Leaflet з 21 населеним пунктом, що завантажується, лише коли відвідувач до неї догортав
• Портфоліо з реальних фото й відео з виїздів: галереї ведуться в адмінці, фільтруються за типом техніки, показуються по шість і відкриваються в лайтбоксі
• About; Brands із приміткою, що товарні знаки названо лише для ідентифікації; Reviews зі справжніми відгуками Google через Trustindex; Contact; сторінка термінового ремонту того ж дня; політика конфіденційності, умови й cookies із пунктом про згоду на SMS

Що я зробив: форму заявки

• На кожній сторінці послуги форма стоїть у hero, а на кожній основній сторінці — у фінальному блоці; усі кнопки «Schedule Service» на сайті ведуть до неї
• Ім’я, телефон, e-mail, адреса чи ZIP, техніка (підставляється за сторінкою, на якій перебуває відвідувач) і опис проблеми
• Кожна заявка зберігається в адмінці окремим записом — зі сторінкою, з якої прийшла, і рекламним джерелом: п’ятьма UTM-мітками та ідентифікаторами кліків gclid, fbclid і msclkid
• Власник отримує сповіщення, а клієнт — підтвердження з копією заявки; відправник, поштова скринька й обіцянка щодо терміну відповіді редагуються в адмінці
• Захист від спаму, що працює з повносторінковим кешем: приховане поле-пастка, мінімальний час заповнення й ліміт п’ять заявок на годину з однієї IP — без токенів, що спливають і через які могли б мовчки губитися справжні заявки
• Після надсилання відвідувач потрапляє на сторінку подяки, яка надсилає подію ліда в GA4 і подію в dataLayer для GTM — ту конверсію, за якою вимірюється реклама

Стек і SEO

WordPress із власною темою на PHP, Tailwind CSS (скомпільований, невикористані стилі вирізано) і чистому JavaScript; ACF Pro з групами полів у JSON у git; Leaflet для мапи й Trustindex для відгуків Google. На кожній сторінці є розмітка LocalBusiness, WebPage і BreadcrumbList; сторінки послуг додають Service, блоки FAQ — FAQPage. Для швидкості тема прибирає зайве з WordPress, вбудовує критичний CSS, попередньо завантажує зображення hero, відкладає всі скрипти й не вантажить бібліотеку мапи, доки вона не потрібна. Коли клієнт звузив заявлений обсяг послуг щодо холодильного обладнання, я переписав його по всьому сайту — тексти, напрями й списки брендів — міграціями даних і налаштував редиректи зі знятих сторінок.