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, откладывает все скрипты и не грузит библиотеку карты, пока она не нужна. Когда клиент сузил заявленный объём услуг по холодильному оборудованию, я переписал его по всему сайту — тексты, направления и списки брендов — миграциями данных и настроил редиректы со снятых страниц.