SER & BAT
Две аудитории, один сайт: частный клиент и социальный арендодатель читают разные страницы.
- Год
- 2026
- Разработка
- 3 недели
- Стек
- Next.js · React · Tailwind · Vercel
- Дизайн
- Разработка
- Локальное SEO
- Тексты B2B и B2C
- год основания
- 2008
- сценария, две аргументации
- 2
- SEO в Lighthouse
- 100/100
Какую задачу нужно было решить.
Контекст
SER & BAT занимается ремонтом интерьеров в Лионе с 2008 года: гипсокартон, покраска, ванные комнаты, кухни. Компания сертифицирована QUALIBAT и работает также с институциональными арендодателями — ICF Habitat, SACVL.
Ограничение
У двух клиентских групп нет ничего общего. Частный клиент хочет видеть выполненные работы и сроки. Арендодатель хочет сертификацию, институциональные рекомендации и способность выполнить контракт. Сайт, обращающийся только к одному, теряет другого.
Решение
Главная страница, которая прямо направляет по двум сценариям, и две разные аргументации. Для частных клиентов — галерея и смета. Для профессионалов — сертификация QUALIBAT, названные поимённо референсы и производственные возможности. Доказательства здесь разные.
Показатели на момент сдачи.
Оценки Lighthouse для сайта в рабочей среде. Мы публикуем их как есть: если какая-то оценка низкая, её причина и план исправления описаны ниже, а не замалчиваются.
Каждое решение — и его причина.
Два объявленных сценария
Явный выбор уже на первом экране: частный клиент или профессионал. Угадывать профиль посетителя — лотерея; спросить его стоит один клик и избавляет от неподходящей аргументации.
Сертификация как элемент дизайна
QUALIBAT — не логотип, задвинутый в подвал, а блок, объясняющий, что покрывает сертификация. Арендодатель умеет её читать, частный клиент этому учится.
Институциональные референсы с названиями
ICF Habitat и SACVL названы прямо. На B2B-рынке строительства один названный референс стоит десяти общих аргументов.
Палитра проекта
Институциональный синий
#1F4C73
Фирменный стиль, сценарий для профессионалов
Терракота
#B95F33
Действие, сценарий для частных клиентов
Светло-серый
#F3F5F7
Фон
Чернила
#1D2126
Текст
Типографическая система
Заголовки
Outfit 700
Основной текст
Inter 400
Два акцентных цвета различают два сценария без смены типографской системы: посетитель знает, где находится, не задумываясь.
Что внутри.
- Next.js
- React
- Tailwind
- Vercel
Две воронки для контакта
Форма для частных клиентов запрашивает помещение и площадь; форма для профессионалов — тип контракта и объём. Единая форма была бы плоха для обоих.
Как сайт становится находимым.
Раздельные запросы B2C и B2B
«Ремонт квартиры Лион», «монтажник гипсокартона Лион 7» — с одной стороны; «ремонтная компания для социального жилья Лион», «QUALIBAT штукатурные работы Рона» — с другой.
Стаж на виду
«С 2008 года» стоит в заголовках и разметке. На рынке, где многим компаниям по три года, стаж — сигнал надёжности, который ищут целенаправленно.
Что было сдано.
- Главная — выбор направления
- Частным клиентам — работы и смета
- Профессионалам — сертификация и референсы
- Услуги
- Компания с 2008 года
- Контакты
Ход проекта.
Сегментация
Две клиентские группы, два набора доказательств.
Дизайн
Выбор направления на первом экране, сценарии разного цвета.
Разработка
Две адаптированные воронки для контакта.
SEO
Запросы B2C и B2B, размеченные стаж и сертификация.
О чём нас часто спрашивают.
Другие проекты
Строительство & РемонтNet Rénovation
Сайт мастера по гипсокартону, созданный для телефона, — потому что именно там его клиенты.
Соответствие GDPR & SaaSKonsent by Kayzen
Разработчик баннеров, который сам же их проверяет, — судья в собственном деле: независимость и была продуктом.
Наступательная кибербезопасность & SaaSSentinel by Kayzen
Продавать продукт безопасности инженерам: каждое утверждение должно было быть доказуемым.
Тот же уровень требований — для вашего сайта.
Бесплатный аудит вашего текущего сайта, смета в течение 24 часов и письменное обоснование — такое же, как то, что вы только что прочитали. Оплата в три этапа без переплаты; местные программы поддержки проверяются до подписания.