Корпоративный сайт · 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 вместо старой, галереи проектов из фото владельца, формы с прикреплением фото, перенос на хостинг заказчика и правки после запуска.