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 на десктопі й мобільних.