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

О проекте
Компания «СТ Строитель» развивает бренд строительных товаров Red Star, который представлен на основном сайте клиента и является надежным поставщиком для крупных строительных интернет-магазинов.
На момент старта у бренда не было отдельной точки входа: трафик направлялся на основной сайт, где продукт «терялся» среди других предложений.
Это снижало конверсию и не позволяло полноценно презентовать бренд оптовым клиентам.
Задача
Наша задача состояла в том, чтобы создать отдельный сайт, который:
- презентует бренд как самостоятельное направление
- демонстрирует ассортимент и производство
- формирует доверие у B2B-аудитории
- собирает заявки
- закладывает основу для SEO и рекламного трафика.
Этап 1. Аналитика и проработка пользовательского сценария
На старте мы провели интервью с заказчиком и зафиксировали ключевые вводные: ассортимент, преимущества компании, формат поставок, особенности производства.
Далее определили целевую аудиторию — закупщики, небольшие магазины, дистрибьюторы — и проанализировали их поведение: что им важно при выборе поставщика, какие факторы влияют на их решение, какие возражения возникают.
На основе этого сформировали пользовательский сценарий: от первого касания до оставления заявки.
Этап 2. Проектирование структуры и прототипирование
После аналитики спроектировали архитектуру страницы:
- первый экран с позиционированием бренда
- блок преимуществ
- демонстрация производства
- каталог по категориям
- формы захвата

Прототип позволяет устранить логические ошибки до дизайна и снизить количество правок на следующих этапах. Мы собрали прототип будущего сайта с проработкой логики переходов, последовательности блоков, распределения внимания пользователя. В B2B-сегменте дизайн напрямую влияет на доверие. Визуал должен подтверждать надежность поставщика. На этапе дизайна была задача не просто «сделать красиво», а усилить восприятие бренда. В Даной статье мы поделились лишь частью всех работ, которые были выполнены по данному проекту. Для того, чтобы более подробно с ним познакомиться, — переходите в источник

Этап 3. Разработка дизайна

Результат
