ТД СПК: сайт для оптовых поставок стройматериалов в Иркутске. B2B-решения: логистика, склад, консалтинг. Надёжно, структурно, партнёрски.

Описание

Задача клиента:
Разработать современный корпоративный B2B-сайт для ТД СПК (Иркутск), который изменит восприятие компании с «простого продавца стройматериалов» на «системного партнера для бизнеса». Главная цель — автоматизация входящих заявок от юридических лиц и ИП, при этом отсечение розничного трафика.
Бизнес-цели и ожидания:
• Позиционирование масштаба: Сайт должен транслировать надежность (12 лет на рынке, 200+ партнеров) и прозрачность процессов. Клиент хотел, чтобы посетитель сразу понимал: здесь работают с объемами от 100 000 ₽ и гарантируют сроки.
• Конверсия в «Запрос КП»: Основной целевой действие — не покупка в корзину, а заполнение формы запроса коммерческого предложения. Нужно было выстроить воронку, ведущую к этому шагу через демонстрацию экспертизы (склад, логистика, консалтинг).
• Структурирование услуг: Объединить разрозненные направления (оптовые поставки, логистика, кросс-докинг, складские услуги) в единый понятный интерфейс, чтобы клиент мог выбрать комплексное решение под свой объект.
• Мобильная доступность: Обеспечить идеальную работу на смартфонах, так как целевая аудитория (снабженцы, директора участков) часто принимает решения или делает заявки с объектов.
Целевая аудитория:
Застройщики, строительные компании, крупные ИП и частные бригады в Иркутске и СФО. Аудитория прагматичная: им важны цифры, наличие документов (НДС, сертификаты), собственные автопарк и возможность индивидуального графика отгрузки.
Требования к визуальному стилю:
Строгий, «инженерный» дизайн без лишнего шума. Акцент на информационной сетке, четкой типографике и структурированных данных (блоки «Как мы работаем», «Наши услуги» с ценами «от...»). Доверие формируется через логику подачи материала, а не через картинки.

Решение

Этап 1: Исследование и проектирование структуры
Провёл аудит 10+ конкурентов в нише оптовой торговли стройматериалами СФО. Выявил общую проблему: перегруженные каталоги с розничными ценами, отсутствие акцента на B2B-условиях. Сформулировал стратегию: «структурная ясность» — сайт должен за 3 секунды отвечать на вопросы: кто вы, с какими объёмами работаете, почему можно доверять.
Спроектировал информационную архитектуру с приоритетом на конверсию:
• Главный экран с УТП (надёжно, структурно, партнёрски) и двумя CTA: «Запросить КП» и «Наши услуги»
• Блок преимуществ с конкретикой (12 лет, 200+ партнёров, 98% повторных заказов)
• Карточки услуг с ценами «от...» для фильтрации нецелевой аудитории
• Прозрачная схема работы (4 шага от заявки до отгрузки)
• Форма захвата в конце страницы с детализацией запроса (объём, тип услуги, комментарии)
Этап 2: Визуальный дизайн и UI-решения
Разработал строгий «инженерный» стиль без декоративных излишеств:
• Цветовая палитра: корпоративный синий (#1E3A5F) как символ надёжности + акцентный оранжевый (#F58220) для CTA-элементов
• Модульная сетка с чёткими отступами для лёгкого сканирования контента
• Карточки услуг с нумерацией и иконками — для быстрой навигации и визуальной структуры
• Типографика: гротеск с отличной читаемостью (важно для B2B-аудитории, которая изучает детали)
• Блок «Почему выбирают нас» с цифрами и фактами, а не абстрактными обещаниями
Этап 3: Разработка и техническая реализация
Реализовал на Tilda Publishing с использованием Zero Block для гибкой кастомизации:
• Полная адаптивность (mobile-first): все элементы корректно отображаются на смартфонах, таблицы и карточки перестраиваются в одну колонку
• Оптимизация скорости загрузки: сжатие изображений (WebP), минимизация скриптов, ленивая загрузка
• Настройка форм: валидация полей, маска для телефона, интеграция с почтой/Telegram для мгновенных уведомлений менеджерам
• SEO-подготовка: микроразметка Organization, мета-теги, alt для изображений, ЧПУ-ссылки
• Кросс-браузерное тестирование (Chrome, Safari, Firefox, Edge)
Этап 4: Контентная стратегия и UX-копирайтинг
Помог клиенту структурировать тексты:
• Заголовки по формуле «выгода + конкретика» (не просто «Услуги», а «Полный цикл поставок и логистики»)
• Цены указаны «от...» с пояснением, что входит в базовую стоимость — это фильтрует розницу и экономит время менеджеров
• В форме запроса КП добавлены поля для детализации (объём, тип услуги, комментарий) — это повышает качество входящих заявок
• Блок «Как мы работаем» разбит на 4 шага с временными рамками (30 минут на ответ, 2 часа на КП) — прозрачность формирует доверие
Итог передачи
Клиент получил полностью готовый к работе сайт с интуитивной админ-панелью Tilda: может самостоятельно обновлять цены, добавлять новости, менять баннеры без привлечения разработчика. Все формы протестированы, интеграции настроены, передана инструкция по управлению контентом.

Результат

Фактический результат:
Запущен и работает B2B-портал ТД СПК, который выполняет функцию основного инструмента продаж и репутационного хаба компании. Визуально сайт транслирует статус системного игрока: строгая модульная сетка, корпоративные цвета и акцент на конкретных выгодах (наличие, логистика, сроки) создают ощущение надежности с первых секунд загрузки.
Практическое применение и влияние на бизнес:
• Квалификация лидов (Lead Qualification): Четкое указание условий работы (B2B, от 100 000 ₽, работа с юрлицами и НДС) на главных экранах позволяет автоматически отсеивать розничный трафик. Менеджеры теперь получают только целевые запросы, что экономит до 30% времени на обработку входящих обращений.
• Ускорение цикла сделки: Раздел «Как мы работаем» и подробное описание услуг снижают количество уточняющих вопросов от новых клиентов. Потенциальный партнер сразу видит: компания предоставляет полный цикл (от склада до кросс-докинга), а не просто перепродает товар.
• Рост конверсии в КП: Форма «Запросить коммерческое предложение» интегрирована в логику страницы. Поля формы (тип услуги, объем, комментарий) позволяют менеджеру сразу готовить расчет, а не тратить время на первичный сбор данных по телефону.
• Мобильная конверсия: Верстка идеально адаптирована для смартфонов — ключевого инструмента снабженцев на строительных объектах. Сайт грузится мгновенно, элементы управления (звонки, отправка формы) находятся в зоне досягаемости.
Операционный результат для клиента:
• Автономное управление: Сайт разработан на Tilda. Клиент получил полный доступ к редактированию: добавление новых прайсов, изменение цен в карточках услуг и публикация новостей теперь выполняются штатными сотрудниками за 10–15 минут без помощи разработчика.
• Масштабируемость: Архитектура заложена с запасом. При открытии новых филиалов или расширении ассортимента структура не потребует переработки — новые данные добавляются по готовым шаблонам.
Итог:
ТД СПК получил не просто «визитку», а рабочий бизнес-инструмент, который формирует доверие на уровне федеральных поставщиков и автоматизирует первичную квалификацию заявок, поддерживая плановый рост отгрузок в Иркутске и СФО.

Презентация проекта