Все кейсы
Корпоративный сайтB2BСтроительство

FAVORITE — первый сайт для компании, которая 10 лет работала на сарафанном радио

Создали digital-канал продаж с нуля: от «нас нет в интернете» до 15+ заявок в месяц через сайт.

Посмотреть сайтfavorite-panels.ru

Роль

Стратегия, дизайн, фронтенд

Срок

2 недели

Год

2026

Формат

Сайт с нуля, без редизайна

Next.js 16React 19TypeScriptTailwind 4Яндекс.МетрикаOpen GraphWebP

01 · Ситуация до

Строительная компания без цифрового следа

  • Нет сайта

    Компания существует 10 лет — и её нет в интернете. Клиенты, которые ищут «монтаж панелей Краснодар», уходят к конкурентам.

  • Только сарафанное радио

    Работает, но не масштабируется. Один заболевший прораб — и поток заказов падает.

  • Заявки в WhatsApp

    Клиент пишет в личный мессенджер. Если владелец занят на объекте — сообщение теряется.

  • Нет аналитики

    Непонятно, сколько людей ищут услуги и что именно их интересует.

  • Нет позиционирования

    Клиент не понимает разницу между FAVORITE и монтажником с Авито — и экономит 30%.

  • Нет CRM

    Контакты — в телефоне. Уходит сотрудник — уходит часть базы.

02 · Задача

Что нужно было сделать

Сделать не просто сайт-визитку, а инструмент, который решает конкретные бизнес-задачи:

  • 1За 5 секунд донести: кто такие FAVORITE, что делают, почему они — а не конкуренты
  • 2Показать экспертизу: типы панелей, галерея работ, партнёры
  • 3Конвертировать посетителя в заявку — одна форма + несколько каналов связи
  • 4Работать на мобильном — прорабы и дизайнеры смотрят с телефона
  • 5Выглядеть как премиальный подрядчик, а не как бригада с Авито
  • 6Быть быстрым и лёгким — без лишней тяжести на фронте

03 · Что сделали

Пять решений, которые работают на продажу

01

Структура, которая продаёт

Не «О нас → Услуги → Контакты», а логика убеждения. Каждый блок отвечает на конкретный вопрос клиента, и он прокручивается ровно по тому маршруту, по которому принимается решение о работе.

  • «Кто вы?» → Hero
  • «Что конкретно делаете?» → Блок решений
  • «С какими панелями работаете?» → Каталог типов
  • «Почему вы, а не другие?» → Преимущества
  • «Покажите реальные работы» → Галерея
  • «Вы работаете со мной?» → Сотрудничество
02

Каталог из 6 типов панелей

У FAVORITE шесть типов: SPC, шпонированные, акустические, реечные, ГКЛ/ГВЛВ, СМЛ. Клиент должен за 3 секунды увидеть, что его тип здесь есть. Сделали визуальный каталог: карточки с фото, название и количество работ в галерее. Клик — фотогалерея только по этому типу.

03

Три аудитории, одна секция

У FAVORITE три типа клиентов: дизайнеры интерьеров, архитекторы, генподрядчики. У каждого своя мотивация. Дизайнеру важно «воплотим ваше видение». Подрядчику — «обеспечим качество и сроки». Сделали блок сотрудничества с тремя карточками — каждая говорит на языке своей аудитории.

04

Форма, которая не пугает

Типичная проблема B2B-форм — 8 полей, из которых 6 необязательных. Клиент видит стену инпутов и уходит. Сделали 4 поля: имя, телефон, email для расчёта, сообщение. Рядом — альтернативные каналы: WhatsApp, Telegram, email. И имитация диалога, которая показывает: «напишете — получите ответ быстро и по делу».

05

Визуальный язык: премиум, а не «ремонт»

Монтаж панелей — это строительная ниша. 90% конкурентов выглядят как каталог на 1С-Битрикс: синий, белый, стоковые мужчины в касках. FAVORITE работает в премиальном сегменте — шпон, эксклюзивные проекты, итальянские производители. Сайт должен это отражать: тёмный hero, качественные фото реальных работ, минимум текста, много воздуха.

04 · До / После

Что поменялось

Присутствие в интернете
Сайт, индексируется поиском
Канал заявок
Форма + WhatsApp + Telegram
Экспертиза
Каталог панелей, галерея, партнёры
Позиционирование
Исполнитель премиального сегмента
Аудитории
3 входа: дизайнеры, архитекторы, подрядчики
Мобильная версия
Mobile-first, всё работает
Путь от идеи до лида
Минуты (поиск → заявка)

05 · Технически

Стек и производительность

0

Performance

0

Accessibility

0

Best Practices

0

SEO

Фронтенд
Next.js 16 (App Router) + React 19 + TypeScript
Стили
Tailwind 4, self-hosted шрифты (@fontsource)
Адаптив
Mobile-first, медиа-запросы
Формы
Server-handler /api/favorite через Яндекс SMTP
Аналитика
Яндекс.Метрика + цели на формы и контакты
Хостинг
Российский VPS, SSL Let’s Encrypt, nginx + pm2
Изображения
next/image, WebP, lazy-load
SEO
Мета-теги, Open Graph, семантическая разметка

06.5 · Переход на Next.js

Переписали сайт на современный стек

Перенесли проект с vanilla HTML/CSS/JS на Next.js 16 + React 19 + TypeScript — чтобы развивать его быстрее и без ограничений. SEO-позиции и структура URL сохранены.

Готово · Запущено в апреле 2026

Было

HTML5CSS3JavaScriptАдаптив

Стало

Next.js 16React 19TypeScriptTailwind 4next/imagenext/fontServer ActionsЯндекс.МетрикаРФ-VPS

Современный стек

Next.js 16, React 19, TypeScript — индустриальный стандарт для коммерческих сайтов в 2026.

Простое расширение

Готов к добавлению админки, блога под SEO, интеграций с amoCRM и 1С без переписывания.

Скорость без компромиссов

next/image, ISR-кеш, серверный рендер — без потери Lighthouse-оценок на мобильных.

SEO под контролем

Сохранили URL, мета, структуру H1/H2 — без просадки позиций в выдаче после переезда.

06 · Результаты

Что изменилось в цифрах

0

Заявок через интернет было

сайта не существовало

0+

Заявок через сайт стало

первый digital-канал, замер за месяц

0

Lighthouse Performance

замер на реальных устройствах

0

Типов панелей в каталоге

с галереей по каждому

0

Аудитории в структуре

дизайнеры, архитекторы, подрядчики

0

Недели от брифа до запуска

без долгой фазы макетов

07 · Что дальше

Куда развиваем проект

Сайт — это только первый digital-канал. Дальше выстраиваем полноценный маркетинговый контур.

CRM-интеграция

Заявки с сайта автоматически в amoCRM или Битрикс24, с источником и историей общения.

Лиды не теряются в мессенджерах, менеджер видит контекст.

Запланировано

Headless CMS

Лёгкая админка на 1С-Битрикс или собственная панель на РФ-VPS — клиент сам добавляет фото работ в галерею.

Не зависит от разработчика при обновлении контента.

Обсуждается

SEO-страницы под запросы

Отдельные страницы «монтаж шпонированных панелей Краснодар», «SPC установка».

Органический трафик из поиска — бесплатные лиды.

Запланировано

Сквозная аналитика

Яндекс.Метрика + Roistat → стоимость лида по каналам, ROI рекламы.

Управление маркетинговым бюджетом на основе данных.

Обсуждается

Проверьте сами

Откройте живой сайт — покрутите, проверьте скорость, посмотрите мобилку

Открыть favorite-panels.ruОбсудить свой проект