HamersFix — своя тема WordPress для ремонта техники день-в-день в Северной Джорджии

Обзор проекта

HamersFix — сервис ремонта бытовой техники день-в-день из Бетлехема (Джорджия), который обслуживает 14 городов Северной Джорджии — от Лоренсвилла до Стэтхема. Его клиенты — владельцы домов, у которых перестал морозить холодильник или не сливает стиралка, а ещё рестораны и управляющие недвижимостью. И всем нужно одно: мастер сегодня.

Задача — сайт, который превращает этот момент в звонок за несколько секунд и которым владельцы управляют без разработчика. Я спроектировал дизайн, а затем собрал его как собственную тему WordPress — пиксель в пиксель с утверждённым макетом и без конструктора страниц. Каждый текст, картинка, список и цена на каждой странице — поле в админке, а тема показывает дизайн целиком ещё до того, как заполнено хоть одно поле, так что сайт выглядел готовым с первого деплоя.

Моя роль в проекте

Я лично вёл проект от дизайна до запуска. Направления, которые я вёл и выполнял непосредственно:

• Дизайн всех 16 страниц на одной системе: тёмно-синий и оранжевый, Archivo для заголовков, Public Sans для текста и IBM Plex Mono для подписей
• Собственная классическая тема WordPress, собранная 1:1 по дизайну, без конструктора страниц
• Модель контента в ACF Pro: группы полей зарегистрированы в коде и версионируются в git, у каждого поля есть значение из дизайна, плюс импорт демо-данных
• Навигация и интерактив: три мега-меню, мобильное меню с аккордеонами, закреплённая панель звонка на телефонах и рабочая проверка зоны по ZIP
• Честные формулировки: обещания «24/7» заменены реальными часами работы и формулировками про вызов в нерабочее время, а предложения — скидка ветеранам и пожилым, цена диагностики и формулировка гарантии — задаются в админке один раз
• SEO и запуск: свои title и description для каждой страницы, структурированные данные и деплой на Hostinger через git по SSH

Что я сделал: сайт

• Главная: hero «день-в-день» с кнопками звонка и записи, проверка зоны по ZIP, шесть карточек техники, процесс в три шага, бренды, отзывы, блок для бизнеса, FAQ и финальный призыв
• Шесть страниц ремонта — холодильники, стиральные и сушильные машины, посудомойки, духовки и варочные панели, — у каждой своя сетка частых неисправностей, типы техники в SVG-иллюстрациях, бренды, блок зоны обслуживания, отзывы и FAQ
• Хаб услуг, Commercial, About, Brands (премиальные и массовые бренды с матрицей «бренд — техника»), Reviews и Contact — позвонить, написать SMS или записаться, без форм, как просил клиент
• Service Areas со стилизованной картой зоны покрытия из 14 городов, городами по регионам и обслуживанием бизнеса
• Направление обслуживания: глубокая чистка холодильника и духовки с комбо-предложением и чистка вентиляции с анимированной иллюстрацией решётки
• Верхняя полоса с часами работы на сегодня, зоной обслуживания и скидкой, три мега-меню (Residential, Maintenance, About) и панель «позвонить или записаться», закреплённая внизу экрана на телефонах

Что я сделал: проверку ZIP и админку

• В макете проверка отвечала «вы в зоне» на любой ZIP. Живая проверка валидирует пятизначный код и сверяет его со списком зоны в админке: посетитель из зоны получает ссылку на запись, остальные — телефон, чтобы уточнить ближайшую бригаду
• Theme Settings для всего общего: телефон, часы, ZIP-коды зоны по городам, предложения, футер, элементы доверия, соцсети и SEO по умолчанию
• У каждого шаблона страницы своя группа полей — всего больше 650. Они зарегистрированы в коде, поэтому структура живёт в git и переезжает вместе с темой
• За каждым полем стоит значение из дизайна: сайт отображается целиком до заполнения контента, а случайно очищенное поле возвращается к значению по умолчанию вместо дыры на странице
• Импорт демо-данных в двух режимах — заполнить только пустые поля или сбросить всё к тексту из дизайна — для Theme Settings, шести услуг и всех страниц разделов
• Шесть услуг как отдельный тип контента: новая услуга сама появляется в мега-меню «Residential» и в сетке на главной

Стек и SEO

Собственная классическая тема WordPress на PHP и чистом JavaScript поверх ACF Pro, деплой на Hostinger через git по SSH. У каждой страницы свои SEO-title и description; тема выводит данные LocalBusiness с адресом, часами и обслуживаемыми городами на каждой странице, Service и BreadcrumbList на страницах техники и FAQPage везде, где есть блок FAQ, а если установлен Yoast или Rank Math, передаёт мета-теги им. Рейтинг в звёздах попадает в структурированные данные, только когда в админку внесены реальные цифры, — по умолчанию его нет. Lighthouse даёт сайту 100 по SEO на десктопе и мобильных.