Разработка сайта через прототипы для поставщика строительных товаров

Компания «СТ Строитель» развивает бренд строительных товаров Red Star, который представлен на основном сайте клиента и является надежным поставщиком для крупных строительных интернет-магазинов.

На момент старта у бренда не было отдельной точки входа: трафик направлялся на основной сайт, где продукт «терялся» среди других предложений. Это снижало конверсию и не позволяло полноценно презентовать бренд оптовым клиентам.

Наша задача состояла в том, чтобы создать отдельный сайт, который: презентует бренд как самостоятельное направление демонстрирует ассортимент и производство формирует доверие у B2B-аудитории собирает заявки закладывает основу для SEO и рекламного трафика.

В рамках проекта наша команда выполнила:

- проектирование структуры сайта и каталога;

- создание схемы структуры проекта, карты пути клиента и сценариев взаимодействия пользователя с сайтом;

- разработку прототипов ключевых страниц;

- разработку дизайна компьютерной и мобильной версии сайта;

- проектирование навигации и пользовательских сценариев;

- релиз готового проекта.

На старте мы провели интервью с заказчиком и зафиксировали ключевые вводные: ассортимент, преимущества компании, формат поставок, особенности производства.

Далее определили целевую аудиторию – закупщики, небольшие магазины, дистрибьюторы – и проанализировали их поведение: что им важно при выборе поставщика, какие факторы влияют на их решение, какие возражения возникают.

На основе этого сформировали пользовательский сценарий: от первого касания до оставления заявки.

Особое внимание уделили триггерам доверия:

- демонстрации производства

- реальным фото складов

- акценту на ассортимент и наличие

Почему это важно: без четкого понимания ЦА сайт превращается в «витрину», а не в инструмент продаж. Здесь же структура изначально строилась под конверсию.

После аналитики спроектировали архитектуру страницы:

- первый экран с позиционированием бренда

- блок преимуществ

- демонстрация производства

- каталог по категориям

- формы захвата

Прототип позволяет устранить логические ошибки до дизайна и снизить количество правок на следующих этапах. Мы собрали прототип будущего сайта с проработкой логики переходов, последовательности блоков, распределения внимания пользователя.

Мы заранее проверили, чтобы пользователь:

- понял, что это за бренд

- увидел подтверждение качества

- быстро перешёл к ассортименту

- получил возможность оставить заявку

В B2B-сегменте дизайн напрямую влияет на доверие. Визуал должен подтверждать надежность поставщика.

На этапе дизайна была задача не просто «сделать красиво», а усилить восприятие бренда.

Что реализовали:

- разработали визуальный стиль, соответствующий позиционированию Red Star

- подобрали цветовую схему и типографику

- оформили блоки преимуществ в виде наглядных диаграмм

- интегрировали фото и видео производства

- продумали визуальные акценты для ключевых действий (CTA)

Отдельное внимание уделили мобильной версии, так как значительная часть B2B-трафика приходит со смартфонов.

После согласования дизайна реализовали сайт на Тильда:

- аккуратно перенесли все блоки из макета

- настроили формы заявок

- подключили домен

- проверили корректность отображения на всех устройствах

Перед запуском проекта провели финальные корректировки:

- по согласованию с клиентом заменили изображения на финальные

- доработали текстовые блоки

- актуализировали контактную информацию

Также в планах провести поисковую оптимизацию, результатами которой мы обязательно поделимся.

- Создан отдельный сайт на Тильда под бренд Red Star

- Сформирована структура, ориентированная на B2B-аудиторию

- Реализован каталог по ключевым категориям товаров

- Внедрены элементы доверия (производство, визуальные материалы)

- Настроены формы для сбора заявок

- Подготовлена база для поискового продвижения