BTP EA Rénovation
Шесть полей, и ни одним больше: форма — это и есть продукт.
- Год
- 2026
- Разработка
- 3 недели
- Стек
- Next.js · React · TypeScript · Tailwind · Vercel
- Дизайн
- Разработка
- Локальное SEO
- Воронка конверсии
- Тексты
- полей квалификации
- 6
- обязательство перезвонить
- 48 ч
- географических страниц
- 9+
- CAPTCHA
- 0
Какую задачу нужно было решить.
Контекст
Лионский мастер отделочных работ — покраска, штукатурные работы, напольные и настенные покрытия, ремонт ванных комнат, — работающий в Лионе и на территории метрополии.
Ограничение
Строитель-ремесленник теряет клиентов не из-за недостатка видимости, а из-за отсутствия квалификации заявок. Безрезультатные звонки стоят часов: объект вне зоны работы, несовместимый бюджет, услуга, которую он не оказывает. Сайт должен был отсеивать до звонка, не отпугивая подходящие заявки.
Решение
Форма запроса сметы размещена на первом экране, а не в подвале, и она короткая: шесть полей, которые описывают объект, — тип работ, площадь, помещение, коммуна, сроки, контакт. Именно эта квалификация делает обратный звонок эффективным; без неё разговор начинается с пяти минут вопросов.
Каждое решение — и его причина.
Смета на первом экране
Форма стоит не в конце страницы, а рядом с обещанием. Посетитель сайта мастера уже знает, чего хочет; заставлять его пролистывать три экрана до действия — чистая потеря.
Шесть полей, выбранных поштучно
Каждое удалённое поле повышает долю заполненных форм, каждое добавленное — качество квалификации. Шесть — выбранный компромисс: дальше потери от отказов превышают выигрыш в информации.
«До и после» вместо фото стройки
Мастера показывают объекты в процессе работ. Клиент же хочет видеть результат. Галерея построена из пар «до/после» с точным описанием выполненных работ.
Обязательство перезвонить — на виду
«Перезвоним в течение 48 часов» — обязательство в цифрах, написанное над формой. Расплывчатое обещание («мы быстро ответим») никого не успокаивает.
Палитра проекта
Строительный синий
#1D4E77
Структура, доверие
Сигнальный оранжевый
#D9601A
Действие, смета
Бетонный серый
#F2F3F5
Фон
Чернила
#1C2126
Текст
Типографическая система
Заголовки
Outfit 700
Основной текст
Inter 400
Основательно и без украшательств. Цифры площади и сроков набраны табличными, чтобы оставаться выровненными в сводке сметы.
Что внутри.
- Next.js
- React
- TypeScript
- Tailwind
- Vercel
Проверка на клиенте и на сервере
Форма проверяет данные на лету, чтобы помочь с вводом, и повторно проверяет их на сервере перед сохранением. Одну лишь клиентскую проверку можно обойти за десять секунд, и она пропускает что угодно.
Защита от спама без CAPTCHA
Поле-ловушка, отметка времени отправки и ограничение частоты. CAPTCHA добавила бы трение в единственном элементе, который сайт должен защищать, — и это признанный барьер доступности.
Мгновенное уведомление
Каждая заявка уходит по электронной почте со всеми данными квалификации в теме письма. Мастер читает телефон между объектами: полезная информация должна помещаться в превью.
Как сайт становится находимым.
Страница для каждого округа
Девять округов Лиона плюс коммуны метрополии. Каждая страница содержит уникальный контент — кварталы, типы застройки, примеры объектов, — а не просто подставленное название города.
Запросы по профессии, а не по отрасли
«Маляр Лион 3», «ремонт ванной Вильёрбан (Villeurbanne)»: клиент ищет профессию и коммуну, но никогда не «строительную компанию».
Разметка HomeAndConstructionBusiness
Специальный тип, заявленная зона обслуживания, услуги перечислены как Service. От этого зависит показ в локальном блоке выдачи.
Удобно для всех.
С июня 2025 года Европейский акт о доступности (European Accessibility Act) требует цифровой доступности для значительной части онлайн-сервисов. Мы закладываем её на этапе проектирования, а не исправляем задним числом.
Действительно доступная форма
Связанные подписи, объявляемые и привязанные к полям ошибки, проверенный порядок табуляции. Форма — самый часто недоступный компонент сайта, а здесь только она и имеет значение.
Что было сдано.
- Главная — экспресс-смета
- Услуги (покраска, штукатурка, полы, ванные комнаты)
- Работы «до / после»
- Зоны обслуживания — 9 округов + метрополия
- Контакты
Ход проекта.
Квалификация
Шесть полей определены вместе с мастером — на основе его потерянных звонков.
Дизайн
Смета на первом экране, галерея «до/после», обязательство в цифрах.
Разработка
Двойная проверка, защита от спама без CAPTCHA, уведомления.
Локальное SEO
Страницы по округам, отраслевая разметка.
О чём нас часто спрашивают.
Другие проекты
Соответствие GDPR & SaaSKonsent by Kayzen
Разработчик баннеров, который сам же их проверяет, — судья в собственном деле: независимость и была продуктом.
Наступательная кибербезопасность & SaaSSentinel by Kayzen
Продавать продукт безопасности инженерам: каждое утверждение должно было быть доказуемым.
Данные & МетеосервисMétéo Climat France
358 индексируемых страниц, анимированная карта на 72 срока — и ни одной строчки фреймворка.
Тот же уровень требований — для вашего сайта.
Бесплатный аудит вашего текущего сайта, смета в течение 24 часов и письменное обоснование — такое же, как то, что вы только что прочитали. Оплата в три этапа без переплаты; местные программы поддержки проверяются до подписания.