Как мы создали B2B-сайт для SEO-агентства через три раунда глубинных интервью

OK Digital — нишевое агентство SEO-продвижения и контекстной рекламы из Санкт-Петербурга. Специализация: производственные компании, поставщики оборудования, B2B с длинным циклом сделки и сложным продуктом.Такие клиенты обращают внимание на экспертизу и понимание их бизнеса.

Задача: превратить сайт из визитки в инструмент привлечения заказчиков и выстроить систему смыслов, которая говорит с промышленной аудиторией на её языке и снимает барьеры ещё до первого звонка.

Начали работу с погружения в бизнес клиента — провели серию из 3 раундов глубинных интервью. Опирались на Canvas-модель: она позволила системно разобрать аудиторию, ценностное предложение и зафиксировать tone of voice, который соответствует ожиданиям промышленного B2B-сегмента.

Параллельно провели аналитику конкурентной среды, а чтобы понять, какие визуальные и смысловые решения реально работают на целевую аудиторию. На основе интервью собрали wireframes. Только после того, как структура выдержала несколько циклов проверки, перешли к визуальным макетам.

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

Итоговое решение:

- формирует доверие у профессиональной аудитории,

- объясняет ценность услуг через призму бизнес-задач,

- демонстрирует накопленную отраслевую экспертизу агентства

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

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

Фактически, Canvas стал инструментом, который помог перевести внутреннюю экспертизу команды в понятную и структурированную основу для проекта.

Параллельно был сформирован подход к копирайтингу, зафиксирован tone of voice, соответствующий ожиданиям промышленного сегмента.

Интервью с командой клиента выстраивались как поэтапный процесс с несколькими итерациями и постепенным углублением в детали бизнеса.

В работу были вовлечены ключевые специалисты со стороны клиента, а сам процесс включал:- три полноценных раунда интервью,

- дополнительные сессии для уточнения и валидации гипотез,

- параллельную работу аналитики, дизайна и контента.

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

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

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

В её основу легли реальные вопросы и возражения целевой аудитории, логика принятия решений со стороны заказчика, выявленные точки недопонимания, мешающие конверсии.

Это позволило выстроить не просто набор блоков, а понятный сценарий раскрытия ценности - от первого контакта до принятия решения.

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

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

В работе был применен комплексный подход, который объединил:

- глубинное понимание задач и ожиданий клиента (через интервью),

- анализ конкурентной среды (прямых и косвенных) в промышленном сегменте,

- собственную экспертизу команды в построении B2B-коммуникаций.

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

В результате был зафиксирован подход к стилистике и визуальной подаче проекта, а также сформирован набор ориентиров, которые задали единое направление для дальнейшей разработки дизайна.

На основе сформированной структуры команда перешла к этапу разработки визуальных макетов (UI-дизайн) на основе wireframes.

Работа велась итерационно: от первичных драфтов к более точным и проработанным решениям. Вместо одного варианта было создано несколько подходов к структуре и блокам - с разной логикой подачи, акцентами и последовательностью раскрытия информации.

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

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

Параллельно с дизайном команда полностью взяла на себя разработку текстового наполнения - от смыслов до финальных формулировок.

Контент создавался не как «заполнение блоков», а как инструмент продаж и позиционирования. В основе лежали:

- инсайты из интервью с командой клиента,

- согласованный Tone of Voice, соответствующий промышленной B2B-аудитории,

- продуманная логика пользовательских сценариев и принятия решений.

Нами была проработана структура смыслов и аргументации на каждой странице, заголовки и подзаголовки, которые удерживают внимание и ведут пользователя по сценарию, тексты блоков с акцентом на ценность, креативные элементы и формулировки, усиливающие восприятие экспертизы.

Работа велась итерационно: тексты проходили несколько циклов редактуры и согласования, уточнялись формулировки, усиливались акценты и убиралось всё лишнее.

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

Отдельное внимание в проекте мы уделили пользовательскому опыту - и в первую очередь навигации.

Мы исходили из простой, но важной мысли: пользователи смотрят сайты по-разному. Кто-то изучает страницу последовательно, а кто-то приходит с конкретной задачей и хочет сразу попасть в нужный раздел. Поэтому для нас было важно не заставлять пользователя «искать», а дать ему возможность мгновенно ориентироваться.

Мы сделали навигационный экран своеобразной точкой входа в ключевые сценарии. 

Ключевой задачей проекта стало усиление позиционирования компании и формирование доверия к бренду.

Мы подошли к этому системно: не просто «переписали тексты», а пересобрали смысловую архитектуру продукта. Были уточнены и усилены формулировки услуг, введены новые смысловые категории.

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

В B2B-сегменте решение о сотрудничестве напрямую связано с доверием к экспертизе и устойчивости компании. Поэтому в проекте мы усилили имиджевую составляющую и добавили блоки, раскрывающие компанию через факты, достижения и публичное присутствие.

Позиционирование OK Digital стало конкретным: компания работает с производственными компаниями, понимает их продукт и специфику рынка и это понятно отражено на сайте.

Команда прошла путь от глубинного погружения в бизнес клиента до выстраивания целостной системы коммуникации: были сформированы смыслы, усилено позиционирование, продуманы пользовательские сценарии и реализованы решения, направленные на повышение доверия.

В результате получился продукт, который:

- говорит с аудиторией на ее языке,

- учитывает особенности сложных B2B-продаж,

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

- системно подводит пользователя к целевому действию.