B2B лендинг: контрактное производство ЛКМ
Конкурентный анализ + два прототипа + форма без барьеров
Контекст и проблема
Клиент (ТПСМ, Техпромсинтез) пришёл с запросом «что улучшить для повышения конверсии?» — без аналитики. Исходный лендинг содержал остатки старых итераций и не отражал ни реальные производственные мощности, ни конкурентные преимущества на фоне 17 игроков рынка. Единственная форма — тяжёлая, 7 полей, без мягкого входа для холодного трафика.
Что нужно было сделать
Провести конкурентный анализ ниши. Исправить визуальные и структурные проблемы текущего лендинга без смены стека. Создать альтернативный вариант в современной корпоративной стилистике. Снизить барьер первого контакта.
Как решал
Трёхслойная декомпозиция задачи
Трёхслойная декомпозиция задачи
Задача разбита на три независимых слоя: Слой 1 — данные (аналитика рынка до правок лендинга). Слой 2 — эволюция (точечные правки текущего лендинга без смены дизайн-системы). Слой 3 — альтернатива (новый лендинг с нуля в другой визуальной парадигме для сравнения).
Конкурентная аналитика — 17 игроков
Конкурентная аналитика — 17 игроков
Рынок толлинга / контрактного производства ЛКМ в России: 17 активных игроков с разбивкой по локации, специализации, УТП, минимальной партии. Объём производства 2 350 тыс. т (2024, +7% г/г), импорт на историческом минимуме — 160 тыс. т. 4 целевых сегмента, 6 вариантов позиционирования. Ключевые барьеры: дефицит импортных добавок, риск утечки рецептуры, логистика до 500–700 км.
Доработка текущего лендинга (Вариант 1)
Доработка текущего лендинга (Вариант 1)
9 последовательных правок: карусель из 7 сертификатов; модальная форма 3 поля вместо 7; hero-слайдер из 5 реальных фото производства (сжатие PNG→JPG через PIL, 1200px, q=85); frosted glass панель (backdrop-filter: blur(8px)); KPI-блоки с анимацией translateY(-5px); убраны emoji-иконки из B2B-блоков; исправлены ссылки СМК.
Новый дизайн в Tilda Medical (Вариант 2)
Новый дизайн в Tilda Medical (Вариант 2)
Адаптация дизайн-системы медицинского шаблона Tilda к B2B промышленному контексту: белая навигация, pill-кнопки, чередование белых и голубых секций, info strip под hero (3 ключевых факта без скролла), авто-слайдер с формой внутри, фиксированная оранжевая CTA-кнопка.
Ключевые решения
Реальные фото vs. стоковые иллюстрации
В B2B фотографии производства закрывают главное возражение на этапе знакомства
Две точки входа с разным барьером
Двойная воронка увеличивает общее число контактов, не снижая качество горячих заявок
Info strip — 3 главных факта без скролла
Промышленный снабженец принимает решение о дальнейшем изучении в первые 5 секунд
Результат
Запрос «что улучшить» превратился в системный аудит: конкурентная карта ниши, два рабочих прототипа с разными дизайн-концепциями и аргументированный список 10 решений с обоснованием. Аналитическая справка повторно используется для КП, контент-маркетинга и A/B-тестирования.