Сайт для будівництва лазень — каталог, калькулятор і 13 форм

Подробности проекта

Кейс: создание сайта для строительства бань и саун

Клиент: строительство деревянных бань и саун под ключ, Киев и область.
Опыт компании: с 2008 года, 16 лет на рынке, собственное производство в Киеве.
Что делали: сайт для строительства бань под ключ — бриф, структура, дизайн, вёрстка, каталог проектов и калькулятор стоимости.
Сайт: bani.1001-lead.agency

Баня — покупка на 500–900 тысяч гривен, и решение по ней принимают месяцами. Человек сравнивает бревно с брусом, читает про термодревесину, считает, во сколько обойдётся фундамент, и почти всегда боится одного: что смета вырастет по ходу стройки. Поэтому разработка лендинга для бань начинается не с дизайна, а с вопроса, что человек должен понять до того, как наберёт номер.

Этап 1: Брифование — что на самом деле продаёт баню

На брифе разобрали, чем компания отличается от бригад, которые собирают срубы по объявлению. Главное преимущество оказалось не в цене, а в том, что это завод, а не подрядчик.

• Собственное производство в Киеве. Пилорама, сборочный цех, цех обработки дерева, порошковая камера — полный цикл на одной площадке.
• 16 лет на рынке и 15+ монтажных бригад в штате. Не подряд со стороны — свои люди, за которых компания отвечает.
• Фиксированная стоимость материалов в договоре. Прямой ответ на главный страх заказчика: смета не поедет.
• Собственное архитектурное бюро. Проект разрабатывается индивидуально, а не подгоняется под типовой.
• Термодревесина. Не гниёт, не впитывает влагу, геометрически стабильна — аргумент для тех, кто сравнивает материалы.
• Срок «от идеи до первой топки — 20 дней». Конкретная цифра вместо «быстро и качественно».

Этап 2: Структура посадочной страницы для бань

Собирали от логики выбора: сначала показать, что вообще бывает, потом дать посчитать, потом доказать, что компании можно доверить деньги.

• Восемь типов бань плиткой. Из бревна, из бруса, каркасные, из блоков, дома-бани, мобильные, бани-бочки и барнхаус. Человек, который ещё не выбрал материал, видит весь выбор на одном экране.
• «Всё под ключ» — проект, фундамент, строительство, отделка и запуск. Отдельный блок, потому что заказчик боится остаться с коробкой, которую надо доделывать.
• Портфолио с площадью и сроками — не просто фото, а объект с параметрами.
• Каталог готовых проектов с ценами и возможностью заказать индивидуальный.
• Видеообзоры готовых бань — как объект выглядит вживую, а не на рендере.
• Калькулятор стоимости — расчёт по параметрам заказчика.
• Производство, преимущества и порядок работы — доказательная часть в конце, для тех, кто дочитал.

Этап 3: Дизайн лендинга для бань

Ниша про дерево, тепло и отдых, поэтому в основе — тёмная гамма, крупная рубленая типографика и большие фотографии объектов. Никакого «строительного» синего и стоковых улыбок: человек покупает вечер в парной, и сайт должен это показывать.

• Фотография вместо иллюстрации. На первом экране — готовая баня вечером, с подсветкой и террасой. Это то, ради чего платят.
• Тёплый акцент. Кнопки жёлто-песочные — на тёмном фоне видно сразу, куда нажимать.
• Крупные плитки типов бань с фото каждого варианта: выбор идёт глазами, а не по списку.
• Цифры вместо прилагательных. 16 лет, 15+ бригад, 30 бань за 2023 год — счётчики на фоне фотографии производства.

Этап 4: Разработка сайта — каталог и калькулятор

• Каталог проектов на записях. Каждая баня — карточка с полями: тип, размер, площадь, количество комнат, этажность, срок строительства и цена. Клиент добавляет проекты через админку.
• Фильтр и подгрузка. Каталог листается без перезагрузки, кнопка «Загрузить ещё» вместо длинной страницы.
• Калькулятор стоимости — отдельный модуль с шагами, прогресс-баром и подсказками к вариантам ответа.
• Отдельные разделы: портфолио, статьи, вакансии, контакты — сайт растёт вместе с компанией.
• Адаптив. Каталог и калькулятор проверялись на телефоне отдельно: в этой нише много заходов с мобильного.

Калькулятор стоимости бани

Главный инструмент сбора заявок. Человеку обещают не «консультацию», а расчёт: «в калькуляторе вы можете рассчитать предварительную стоимость бани по вашим параметрам — это интересно и бесплатно».

• Первый вопрос — материал. Брус, бревно, каркас, бочка, мобильная, дом-баня. Тот же список, что и в блоке типов: человек уже видел эти варианты и отвечает не задумываясь.
• Дальше — параметры сметы. Площадь, тип крыши, фундамент, отделка, дополнительные постройки: терраса, бассейн.
• Подсказки к вариантам. У сложных ответов есть пояснение по клику — человек не выпадает из расчёта, чтобы гуглить термин.
• Живой человек рядом. Сбоку — старший мастер с фотографией и обещанием прислать подборку проектов и детальную смету.
• Обещание срока. «Засекайте 45 минут» — заказчик знает, когда ждать ответ.
• Финал — выбор канала. WhatsApp, Viber, Telegram или e-mail: человек сам решает, куда прислать расчёт.

В конце заказчик получает две вещи: расчёт стоимости и каталог проектов. Это честный обмен — он потратил время на ответы и получает не звонок менеджера, а материал, с которым можно думать дальше.

Проработка конверсионной части

Сайт для строительства бань может быть сколько угодно красивым — если человеку негде оставить контакт в удобный ему момент, заявок не будет. Поэтому конверсионную часть проектировали отдельно: сначала решили, в каких состояниях приходят люди, и только потом расставляли формы.

Состояний три. Первое — «просто смотрю, сколько это стоит»: человек не готов разговаривать, но готов посмотреть цены. Второе — «выбираю»: материал уже определил, хочет цифру под свой участок. Третье — «готов говорить»: нужен замер и договор. Под каждое состояние своя точка входа.

Квиз-калькулятор стоимости бани

Главный инструмент — квиз, встроенный в страницу. Он не выглядит как форма: человеку обещают расчёт стоимости, и это то, зачем он пришёл.

• Выбор картинками, а не текстом. Первый вопрос — материал: брус, бревно, каркас, баня-бочка, мобильная, дом-баня. У каждого варианта фотография, поэтому отвечает даже тот, кто не знает разницы между брусом и бревном.
• Прогресс-бар с процентами. «Расчёт пройден на 8%» — человек видит, сколько осталось, и не бросает на середине.
• Живой человек слева. Старший мастер с фотографией и именем: расчёт делает он, а не «отдел продаж».
• Обещание показано, а не описано. Под карточкой мастера — две плашки с превью: расчёт стоимости и каталог проектов. Человек видит, что именно получит.
• Дальше — параметры сметы. Площадь, тип крыши, фундамент, отделка, дополнительные постройки. Ответы приходят менеджеру вместе с заявкой.
• Финал — выбор канала. WhatsApp, Viber, Telegram или e-mail.

Разные формы захвата под разные состояния

Кроме квиза на странице 13 форм, и каждая ловит своё состояние — они не дублируют друг друга, а закрывают разные моменты выбора:

• Каталог бань с ценами — лид-магнит в шапке. Для тех, кто «просто смотрит». Обмен честный: файл с ценами за контакт, без звонка. Уходит в WhatsApp, Telegram или Viber — человек сам выбирает мессенджер.
• «Оставить заявку на расчёт стоимости» — кнопка первого экрана. Основное действие: не «позвоните нам», а расчёт, который ни к чему не обязывает.
• Квиз-калькулятор — для тех, кто уже выбирает. Человек получает цифру под свои параметры и не тратит время на разговор, пока не готов.
• Кнопка в каждой карточке проекта. Заявка уходит с указанием конкретной бани — менеджер сразу знает, о чём речь.
• «Заказать консультацию» в шапке. Для тех, у кого вопрос не про цену, а про сроки, участок или фундамент.
• Обратный звонок. Для тех, кому проще объяснить голосом.
• Мессенджеры с пометкой «мы онлайн, пишите» и рабочим графиком рядом: человек видит, ответят ли ему сейчас.
• Форма под блоком «Как заказать». Дочитал порядок работы, понял, что будет дальше — и тут же может начать.

Такая раскладка даёт простую вещь: человек оставляет контакт в тот момент, когда он к этому готов, а не когда до него дошла очередь всплывающего окна.

Результат: сайт для строительства бань под ключ

Компания получила посадочную страницу, которая закрывает выбор материала, показывает цены и собирает заявку с параметрами будущей бани.

• Выбор виден сразу. Восемь типов бань на одном экране — человек не уходит гуглить, чем брус отличается от бревна.
• Цена не прячется. Каталог проектов с ценами и калькулятор вместо «звоните, обсудим».
• Заявка приходит с параметрами. Материал, площадь, фундамент и отделка известны до звонка — менеджер сразу считает смету.
• Сайт ведёт клиент. Новые проекты, статьи и вакансии добавляются через админку.

Как мы это делали — по шагам

Механика, по которой собран этот проект, разобрана отдельно:

• Сайт для строительства бань: каталог проектов и калькулятор — восемь типов на одном экране, каталог с ценами и тринадцать форм захвата.