Мастерская готовых бань и бытовок в Краснодаре. Собрали одностраничный сайт: каталог из 4 моделей, квиз-подбор под участок и бюджет, галерея с производства. Квиз и форма заказа отправляют заявку прямо в Telegram — без CRM и почты, ничего не теряется. Внутри — сборка на React; сайт готов к запуску и выкладке одной командой.
Изучает модели и цены без переписки и бесконечных вопросов в мессенджере — сайт отвечает за вас.
Квиз и форма заказа отправляют заявку прямо в мессенджер — без CRM, без почты, ничего не теряется.
Не сток, а ваши бани и бытовки: фото и модели меняются без переделки структуры сайта.
Владелец мастерской делает бани и бытовки на собственном производстве в Краснодаре: мини-брусы, модульные бани, вагон-бытовки, хозблоки. Сайта не было — нужна была одна страница, которая показывает модели, отвечает на типовые вопросы и сразу собирает заявки.
Проект собран в React-стеке, медиа взяты прямо с производства, сборка и деплой автоматизированы. Ниже — по блокам.
Собрали проект на React 19 + Vite 7 + Tailwind CSS 4 с Framer Motion и Lucide Icons. Разбили на 15 компонентов: Header, Hero, Models, Quiz, Benefits, Process, Gallery, Pricing, Reviews, Delivery, FAQ и другие — каждая секция лендинга это отдельный файл. Продакшен-сборка: 2 149 модулей за 4,13 с, JS-бандл 412 КБ (129 КБ в gzip), CSS 42 КБ (7 КБ в gzip).
Каталог из 4 моделей: баня из минибруса, модульная баня, вагон-бытовка, хозблок — по каждой карточка с фото и описанием. Квиз в несколько шагов помогает выбрать модель под участок и бюджет, форма заказа собирает контакты. Оба сценария отправляют заявку боту в Telegram.
В рабочей папке проекта — 116 фото-кадров (JPG) и 3 видео с производства: интерьеры с полками и печью, модули с террасами, черновые каркасы, готовые серые и чёрные кубы (одни и те же съёмки рассортированы по продуктовым подпапкам, без дублей в подсчёт не считать). Отобрали лучшие чистые кадры, сжали и завели в галерею и карточки моделей. Видео с производства весом 11,1 МБ встроено в герой.
Мета-теги: title и description с указанием города и моделей, Open Graph (title, description, type). Две служебные страницы на хешах #privacy и #data-processing — политика и согласие на данные с форм квиза. Выкладку на сервер автоматизировали: сборка, заливка и перезапуск одной командой, есть и запуск без консоли.
Сроки беру из реального проекта; по вашему сайту назову после бесплатного разбора.
Сайт собран, продакшен-сборка готова и выложена на сервер. Первых заявок через сайт пока нет — кейс честно показывает только то, что подтверждается разбором. Замер ниже — технический разбор локального рендера сборки (Chromium, десктоп 1440): во время замера сервер отвечал ошибкой 500, сетевые показатели живого сайта снять было не с чего.
| Показатель | Замер / источник |
|---|---|
| Сборка проекта | 2149 модулей, 4,13 с (лог сборки Vite 7.3.1) |
| JS-бандл | 412 КБ (129 КБ в gzip) |
| CSS | 42 КБ (7 КБ в gzip) |
| Секций лендинга | 11 (от героя до соцдоказательств) |
| DOM локального рендера | 694 узла |
| Слотов картинок на рендере | 8 — все загрузились, битых 0 |
| Формы | 2 (квиз и форма заказа), 7 полей ввода |
| Кнопок | 46 |
| Отдельные страницы | политика конфиденциальности, согласие на обработку данных |
| Высота полной страницы | 9777 px (десктоп 1440) |
О живом сервере: во время съёмки bani-masterov.ru отвечал 500 (TTFB 435–661 мс), сетевые метрики живого сайта в кейс не вынесены — вместо этого даны подтверждаемые цифры сборки и локального рендера. Телефон, токены и адреса серверов из исходников проекта сюда не переносились.
Скриншоты — локальный рендер продакшен-сборки dist тому дню, когда живой сервер отдавал 500. Подписи честные: это именно та сборка, которую деплоит скрипт. Фото объектов — из рабочей папки проекта. Кликните, чтобы открыть в полном размере.
Фото объектов — из рабочей папки клиента bani-foto; отобраны только кадры без людей и техники. Видеопостер в герое на скрине — кадр из видео мастера с сайта, оно там и находится в реальном проде.
Бесплатно: смотрю задачу и нишу, показываю, какие блоки нужны мастерской, и даю план и срок.
Дизайн, каталог, квиз и отправка заявок в Telegram — стоимость считаю после разбора: она зависит от числа моделей и объёма медиа. Точную вилку называю до начала, без сюрпризов в процессе.
Цены не публикую: они зависят от задачи. Оставьте заявку — пришлю вилку под ваш случай в тот же день.
Куда приходят заявки?
В Telegram: и из квиза, и из формы заказа. Без CRM и почты — ничего не теряется.
Сколько заявок уже пришло через сайт?
Пока ни одной: сайт собран и опубликован, но замеров результата ещё нет. Поэтому кейс показывает работы, а не выдуманный рост.
Что нужно от меня?
Фото и видео с производства, модели и цены. Плюс 15 минут на вводные.
Кто будет менять фото и модели после сдачи?
Вы или помощник: контент меняется без переделки структуры сайта.
Сколько это займёт времени?
Точный срок назову после бесплатного разбора — зависит от числа моделей и объёма медиа.
Одна страница, 11 секций, 4 модели каталога, квиз и форма заказа с отправкой боту, деплой одной командой. Замеры — от 08.10.2026, Chromium, разбор локального рендера dist-сборки.
Сайт: https://bani-masterov.ru