Корпоративний сайт · WordPress · 2026

Novaway — редизайн сайту ремонтної компанії з Чикаго під заявки

Редизайн під конверсію для ремонтної компанії з Чикаго: дизайн у Figma, лендінги ванних і бейсментів, власна тема WordPress, галереї проєктів з фото власника, форми кошторису з фото.

WordPress

Хочу такий самий проект Відкрити сайт

Novaway (novawayusa.com) — ремонтна компанія з Чикаго й Нейпервілла: ванні кімнати, бейсменти, ремонт після протікань і роботи за страховими випадками. Старий сайт був просто візиткою, а власнику потрібні були сторінки, які переконують подати заявку на кошторис. Ми зробили редизайн під конверсію: намалювали макет у Figma, зверстали лендінги «Bathrooms» і «Basements» та головну, написали власну тему WordPress, зібрали галереї проєктів з фото власника й перенесли все на його хостинг.

Технічний стек

WordPress з власною темою замість старої на ACF Pro: блоки сторінок редагуються через наш движок полів, кожен блок вмикається окремо, а шапка й футер налаштовуються один раз. Проєкти — окремий тип записів із галереєю та лайтбоксом. Форми — Contact Form 7 з прикріпленням фото, SEO — Rank Math, як і було на сайті раніше. Сайт працює на GoDaddy Managed WordPress за Cloudflare.

Головна novawayusa.com — «Home Remodeling in Chicago & Naperville» — Перший екран: заголовок, кнопка кошторису, телефон і чотири аргументи довіри — ліцензія, страхові випадки, рейтинг у Google, безкоштовний кошторис.

Логіка сторінок

Людина, яка планує ремонт ванної, порівнює кількох підрядників і боїться прихованих доплат. Тому лендінг відповідає на її питання по черзі: що входить у роботу, чим відрізняються підрядники, що має бути в кошторисі, як проходить робота від першого дзвінка до письмового кошторису, справжні проєкти, відгуки, райони роботи й форма. Ванні ми зверстали за макетом з точністю ±2 px, а бейсменти зробили на тому самому шаблоні з текстами замовниці.

Лендінг «Bathroom Projects in Chicago & Naperville» — Лендінг «Bathrooms»: перший екран з кнопкою «Send a few photos».

Блок «What actually separates one bathroom contractor from another» — Питання, які варто поставити підряднику до підписання договору.

Блок «Same-sounding project, different scope» — «Same-sounding project, different scope» — що має бути прописано в кошторисі.

Блок «How we get from what you want to a written scope» — Чотири кроки від запиту до письмового кошторису.

Блок «Common questions before the estimate» — Часті питання перед кошторисом.

Лендінг «Basement Projects in Chicago & Naperville» — Лендінг «Basements» на тому самому шаблоні.

Головна

Головна веде на два основні напрями й одразу показує докази: чому обирають Novaway, реальні проєкти, відгуки з Google, блок для страхових випадків, міста, де працює компанія, і форма кошторису.

Блок «What we do» на головній — «What we do» — три напрями з фото робіт.

Блок «Why Homeowners Choose Novaway» — «Why Homeowners Choose Novaway»: ліцензія, письмовий кошторис, один відповідальний за всі роботи.

Відгуки з Google і банер про страхові випадки — Відгуки з Google і заклик для тих, хто ремонтує після протікання чи бурі.

Блок «Where we work» зі списком міст — Райони роботи: Чикаго, Нейпервілл і передмістя.

Галереї проєктів

З фото власника ми зібрали 10 галерей проєктів, згрупувавши знімки за об’єктом і кімнатою, і дали кожній описову назву. У кожного проєкту своя сторінка з описом і лайтбоксом, а на головній і лендінгах показуються обрані роботи.

Сторінка «Our projects» — Список проєктів.

Сторінка проєкту «Basement living area with stone fireplace» — Сторінка проєкту з описом і фото.

Лайтбокс галереї проєкту — Лайтбокс з гортанням фото.

Форма кошторису

У ремонті клієнту найпростіше надіслати кілька фото, тож форма складається з імені, телефону, коментаря й кнопки прикріплення фото. Для бейсментів є окрема форма з поштовим індексом і стилізованим списком типу проєкту.

Форма «Get a free estimate» — «Get a free estimate» — форма з прикріпленням фото й телефон.

Запуск

Новий сайт ми зібрали на копії старого на своєму сервері, перенесли туди старі сторінки в новому дизайні, а потім перенесли все на хостинг замовника. Після запуску закрили список правок замовниці: телефон, назва компанії, меню.

Мобільна версія

Адаптив перевірений на всіх ширинах від 1920 до 320 px без горизонтальної прокрутки: на телефоні кнопка кошторису йде на всю ширину одразу під заголовком, а аргументи довіри стають компактною сіткою.

Підсумок

За нами дизайн у Figma, верстка лендінгів і головної, власна тема WordPress замість старої, галереї проєктів з фото власника, форми з прикріпленням фото, перенесення на хостинг замовника й правки після запуску.