Комплексное продвижение и разработка сайта для строительной компании нулевого цикла
Компания развивала генподряд нулевого цикла и выходила в новые регионы. Продвижение опиралось на тендеры, рекомендации и отдельные digital-инструменты. Нужно было объединить маркетинг общей стратегией и показать инженерную ценность компании: как её работа влияет на сроки, риски и экономику строительства.
Работали над позиционированием, рекламой, аналитикой, PR и контентом. Параллельно разработали сайт, который помогает выбрать услугу, изучить опыт компании и обратиться с задачей. Направления были связаны: стратегия задавала аргументы для коммуникации, реклама и аналитика помогали работать со спросом, PR раскрывал экспертизу, а сайт объединял информацию об услугах и опыте компании.
Рост уникальных обращений
Снижение стоимости уникального обращения
Стоимость лида относительно плана
Конверсия сайта относительно прогноза
Исследовали рынок и ожидания заказчиков, разработали позиционирование, платформу бренда и принципы коммуникации.
Разделили спрос по услугам и регионам, подготовили объявления и рекомендации по посадочным, оптимизировали кампании по качеству обращений.
Настроили учёт заявок и звонков, разделили все и уникальные обращения, оценивали качество лидов и собирали данные для решений по рекламе.
Выстроили экспертную коммуникацию в деловых и отраслевых медиа, разработали рубрики о технологиях, объектах и команде.
Провели исследование, спроектировали восемь каталогов, разработали дизайн и сайт на Битриксе, настроили сервер клиента и передали проект.
Задачей бренд-стратегии стало показать, как инженерный подход компании помогает управлять сроками, рисками и сложными работами нулевого цикла. От критериев выбора подрядчика перешли к платформе бренда, а затем — к аргументам и темам для сайта, рекламы и контента.
Изучили конкурентов и коммуникации компании, провели отраслевые интервью. Выясняли, как заказчики выбирают подрядчика, кому доверяют и с какими трудностями сталкиваются в совместной работе.
На рынке часто говорили о надёжности, качестве и собственном парке техники. При этом за техническими описаниями терялось объяснение пользы для заказчика. Было мало живой экспертной коммуникации, которая связывает метод работ со сроками, рисками и управляемостью проекта.
В основу платформы положили идею «Технологии перемен»: инженерный подход помогает заранее учитывать риски и управлять сложными работами нулевого цикла.
Позиционирование определяет роль компании для заказчика, слоган кратко выражает её обещание, а миссия и ценности раскрывают, как компания намерена его выполнять.
В платформе связали новаторство с сервисом. Собственная техника и разработки, автоматизация процессов и открытое взаимодействие с клиентом стали аргументами для статей, презентаций и сайта.
Сформулировали позиционирование: «СК ГОРОД — создаём перемены, после которых начинается целая жизнь». Образ новатора нулевого цикла связали с тремя конкретными сторонами работы компании.
Собственная техника и инженерные разработки позволяют подбирать решение под грунты, плотную застройку и другие ограничения объекта.
Автоматизация и системная работа помогают контролировать ход проекта, сокращать ошибки и выдерживать сроки.
Вовлечённость и инициатива подрядчика, понятные условия и ответственность. Заказчик должен понимать ситуацию на объекте и получать ответ на свою задачу.
Из основных запросов заказчиков сформулировали слоган «Технологично. Честно. Вовремя». Он коротко объясняет подход компании при первом знакомстве. Каждое слово отвечает на ожидание, которое выявили в исследовании.
Выбирать метод работ с учётом грунтов, застройки и ограничений конкретного объекта.
Прямо обсуждать решения, условия и ответственность, чтобы ход работ был понятен заказчику.
Связывать инженерную подготовку с графиком строительства и задачами девелопера.
В платформе закрепили, к какому результату компания стремится в работе с партнёрами. Сформулировали миссию: «Вдохновляясь проектами наших партнёров, создаём новый уровень качества и сервиса, за которым все захотят следовать». В коммуникации раскрывать это через реальные решения и принципы работы.
Чтобы миссия выражалась в конкретных действиях, описали шесть принципов работы — от организации процессов до общения с заказчиком. Они задают, как компания выполняет обещания бренда.
Точно организовывать работу, учитывая, как нулевой цикл влияет на дальнейшие этапы строительства.
Разрабатывать новые решения, оборудование и процессы, чтобы отвечать на задачи заказчиков.
Браться за сложные и необычные задачи, развивая возможности компании.
Оставаться открытыми к диалогу и оперативно решать вопросы, в том числе при непредвиденных обстоятельствах.
Детализировать бизнес-процессы и инструкции, чтобы работа оставалась устойчивой и управляемой.
Строить длительное сотрудничество на доверии и открытом взаимодействии.
Отдельно разработали HR-позиционирование «Люди прогресса, люди ГОРОДА». Для будущих сотрудников раскрыли, что стоит за работой в компании: внимание к человеку, профессиональное развитие, инициатива и командная работа.
В HR-направлении закрепили осознанную коммуникацию и честное развитие, в том числе через разбор ошибок. Эти принципы стали основой для карьерного раздела сайта и историй о сотрудниках.
Определили, как бренд говорит с аудиторией: предметно объясняет решения и подтверждает обещания фактами. Этот подход раскрыли через три характеристики.
Открыто говорить об условиях работы и ответственности перед заказчиком.
Объяснять инженерные решения понятным языком и по существу.
Раскрывать новые технологии через их пользу для конкретной задачи.
Позиционирование перевели в конкретные темы для двух аудиторий: заказчиков инженерных работ и будущих сотрудников. Выделили три направления коммуникации.
Для профессиональной аудитории — прикладные статьи и разборы. Например, статическое вдавливание шпунта объясняли через снижение воздействия на окружающую застройку.
На сайте показывали выполненные объекты, связывая их с услугами и техникой. Так инженерные возможности компании подкреплялись примерами работ.
Для будущих сотрудников — истории команды и внутренние процессы. HR-позиционирование «Люди прогресса, люди ГОРОДА» стало основой карьерного раздела.
Подготовили брендбук и презентацию. Их объединили с публикациями и сайтом общими правилами коммуникации: объяснять решение через задачу заказчика и подтверждать обещания фактами.
Услуги нулевого цикла требуют долгого выбора подрядчика. В поиске пересекались разные задачи: изучить технологию, купить шпунт, заказать отдельные работы или найти партнёра на весь комплекс.
Нужно было разделить этот спрос, подготовить подходящие предложения и рекомендации по посадочным, а эффективность оценивать по качеству обращений. Учёт заявок и звонков выстраивали параллельно с рекламой: данные аналитики использовали при оптимизации кампаний.
Разобрали рекламную выдачу и посадочные. У конкурентов повторялись товарные аргументы: цена, наличие, аренда и монтаж. На сайте «СК ГОРОД» инженерные преимущества терялись в длинных текстах — не хватало заметного предложения, кейсов и ясного следующего шага.
Для продажи шпунта и проектирования котлованов подготовили рекомендации по улучшению посадочных: товарный и инженерный спрос требуют разной информации.
Такой разбор помог увидеть, какими аргументами конкурируют предложения. Для «СК ГОРОД» было важно наряду с товарными условиями раскрыть проектирование, ответственность за комплекс работ и решение ограничений конкретного объекта.
В одном из подробных разборов изучили 104 строки рекламы конкурента и семь типов посадочных. В объявлениях преобладали товарные аргументы — цена, аренда, сертификаты, производитель и наличие. Расчёт упоминался заметно реже.
По итогам разбора подготовили рекомендации для двух сценариев: покупки или аренды шпунта и заказа проектирования котлована. В первом случае посетителю нужно выбрать продукцию и уточнить поставку. Во втором — понять, как компания решит инженерную задачу его объекта. Для каждого сценария определили, какую информацию раскрыть на посадочной.
| С чем приходит посетитель | Что рекомендовали раскрыть на странице |
|---|---|
| Купить или арендовать шпунт | Параметры продукции, наличие, покупка и аренда, условия поставки. Пользователь должен быстро найти нужный вариант и отправить запрос. |
| Заказать проектирование котлована | Ограничения объекта, состав работ, расчёты, ППР и сопровождение. Затем — похожие проекты, преимущества компании и обсуждение задачи. |
Страница объясняла технологию, но слабо вела к заявке. Преимущества были спрятаны в тексте; не хватало проектов, отзывов, партнёров и цифр, подтверждающих опыт. У конкурентов отдельно изучили первый экран с обращением к специалисту, список работ, опыт в цифрах, преимущества и блоки доверия.
Что компания предлагает заказчику.
Риски и условия, которые нужно учесть.
Расчёты, проект производства работ (ППР) и сопровождение.
Кейсы, отзывы и примеры выполненных работ.
Выгоды для сроков, безопасности и контроля.
Обращение за расчётом или консультацией.
Последовательность ведёт от задачи заказчика к обращению. Призыв связаться со специалистом предусмотрели на первом экране и после ключевых блоков.
Собрали семантику по шпунтовым работам, продаже и аренде шпунта, вдавливанию свай, вибропогружению, проектированию котлованов и ограждений. Информационные запросы отделили от коммерческих, а рекламные группы разделили по услугам, характеру запроса и регионам.
Так можно было подбирать предложение под конкретную задачу посетителя и отдельно оценивать результаты каждого направления.
Статическое вдавливание и буронабивные сваи вели на разные посадочные. В кампании по сваям для СПб и области сгруппировали 132 фразы в 12 групп.
Разделяли запросы о типах работ и свай, стоимости, технике и географии. Это помогало выбрать, какие условия и преимущества раскрыть в объявлении.
Оценивали результаты территорий отдельно и перераспределяли бюджет. В оптимизации фокусировались в том числе на Санкт-Петербурге и Москве.
После группировки запросов для каждой группы подбирали содержание объявления и страницу. Например, тому, кто ищет статическое вдавливание свай, показывали преимущества этого метода и предлагали перейти сразу к его описанию.
| Что искал пользователь | Что раскрывали в объявлении | Куда вели после клика |
|---|---|---|
| Статическое вдавливание свай | Работа без шума и вибраций, безопасность соседних зданий, плотная застройка. | Страница статического вдавливания свай. |
| Стоимость, монтаж и услуги | Условия работ, комплексное выполнение и обсуждение задачи объекта. | Страница соответствующего метода работ. |
| Буронабивные сваи | Информация о конкретном виде свай и способе устройства фундамента. | Отдельная страница буронабивных свай. |
Поисковые запросы, объявления и посадочные для свайного направления.
Помимо преимуществ метода, в материалах раскрывали условия выполнения работ: круглосуточный режим и выполнение под ключ. Эти аргументы дополняли предложение по конкретной услуге.
В структуре объявлений предусмотрели шесть быстрых ссылок — дополнительных переходов под основным текстом. Через них пользователь мог сразу открыть нужный раздел: шпунтовые работы, крепление котлованов, нулевой цикл или проектирование. Так подробности распределяли между объявлением и страницами сайта.
Для Яндекс Директа подготовили ТЗ на три стилистические концепции и 63 адаптации баннеров. Собрали фотографии клиента и новые снимки в отдельную папку, подобрали визуальные ориентиры и собрали мудборд. Концепции разрабатывали в базовом формате 300 × 600, затем адаптировали под остальные размещения.
Сообщения раскрывали комплекс нулевого цикла, шпунтовые работы любой сложности и вдавливание свай без шума и вибраций. Брендовые варианты дополняли опытом компании — более десяти лет работы и более 160 объектов. В каждом баннере связывали услугу, реальный объект или технику, короткий оффер и призыв обратиться.
В ТЗ предусмотрели 14 размеров с текстом и два без текста. Короткий оффер, читаемое название услуги, логотип и фотография должны были сохранять смысл в разных пропорциях.
Для текстовых вариантов ограничили объём сообщения: до 100 символов. Также задали требования к отсутствию водяных знаков и чёткой границе баннера. Это позволяло адаптировать концепции под размещения без перегрузки мелким текстом.
Показать комплекс работ и закрепить связь бренда с решением задачи объекта.
Сделать узнаваемой конкретную услугу через реальные фотографии техники и стройплощадки.
Вынести важное преимущество технологии — работу без лишнего шума и вибраций.
Регулярно разбирали поисковые запросы и обращения: добавляли минус-фразы, убирали нерелевантную семантику, отключали слабые направления и усиливали кампании с более подходящими лидами. Отдельно отсекали информационные запросы, поиск работы и обращения не по услугам компании.
Данные коллтрекинга помогали оценивать содержание запроса. Решение об усилении кампании принимали с учётом качества лидов: дешёвый переход или формально заполненная заявка ещё не означали коммерческий интерес.
Изучили динамику восьми групп запросов в Санкт-Петербурге и области за январь 2024 — февраль 2025. Проектирование могло понадобиться ещё до выхода на объект, а у продажи шпунта, погружения и свайных работ были свои периоды роста. Выделили особенности спроса по шести направлениям.
Результаты оценивали отдельно по услугам: общая цифра за месяц не объясняла причину изменений. Снижение рыночного спроса и ухудшение качества трафика требовали разных решений. Бюджет и активность усиливали в периоды подготовки к строительному сезону. Летние и зимние просадки учитывали как особенность рынка; отдельно проверяли, что ограничило результат — объём спроса, конкуренция в выдаче или качество аудитории.
Начало строительного сезона
Весна и конец лета — осень
Также всплеск в начале 2025 года
Также всплеск на этапе планирования
Небольшой объём спроса
Наиболее сильная динамика появилась после переработки структуры кампаний и посадочных. Перераспределяли бюджет в пользу эффективного поиска, отключали слабые направления, чистили нерелевантную семантику и фокусировались на Санкт-Петербурге и Москве. Доработка страниц и более точное соответствие объявления запросу помогали привлекать подходящую аудиторию.
В лучшие периоды росло число обращений и снижалась их стоимость. На результат влияли и изменения кампаний, и сезонный спрос: проектные и товарные направления развивались по-разному.
Рост уникальных обращений
Снижение стоимости уникального обращения
Стоимость лида относительно плана
Конверсия сайта относительно прогноза
В ноябре расширение охвата принесло больше переходов и снизило стоимость клика. Но конверсия просела, а стоимость лида выросла относительно стартового уровня.
Трафика стало больше, но дешёвые переходы не обеспечили улучшения результата для бизнеса.
Проверяли не только стоимость клика, но и конверсию, стоимость заявки и содержание обращений. Рост охвата не компенсировал снижение качества трафика.
Приоритетом стала связка «запрос — объявление — посадочная — квалификация лида». Бюджет направляли на эффективные поисковые кампании, слабые направления отключали.
Расширение охвата само по себе не гарантировало результата. Для сложной B2B-ниши важнее было попасть в задачу закупщика или девелопера и довести подходящего посетителя до обращения. Поэтому направления продолжили оценивать по стоимости и качеству лидов, перераспределять бюджет между регионами и усиливать кампании с более релевантными обращениями.
Рост обращений и снижение их стоимости в августе 2025 года не означали, что результат закрепился на этом уровне: к декабрю показатели ухудшились. Тест подтвердил необходимость оценивать объём трафика вместе с конверсией и содержанием запросов. После разбора отключили РСЯ и сосредоточили бюджет на поисковых кампаниях по свайным и шпунтовым работам и продаже шпунта.
Проект начался как задача по performance-продвижению, но быстро стал работой над полной маркетинговой системой. Команда разобрала рынок, спрос, посадочные страницы, семантику, аналитику, креативы и системно оценивала качество обращений, слушая звонки в системе коллтрекинга. Благодаря этому продвижение стало управляемым: можно было видеть, какие направления дают коммерческий спрос, где растет стоимость заявки, какие регионы стоит усиливать и почему часть лидов не доходит до продаж.
Аналитика обеспечивала рекламу данными для оптимизации. Настроили учёт заявок и звонков, разделили повторные и уникальные контакты, а содержание обращений проверяли отдельно. Это позволяло сопоставлять расходы с количеством потенциальных заказчиков и разбирать причины изменений в кампаниях.
Настроили цели и отслеживание обращений, подключили Calltouch и собрали карту целей. Заявки с сайта и звонки стали основой для оценки рекламы: важно было видеть не только переходы, но и обращения, которые они приносили.
В отчётности разделили три показателя. Они отвечали на разные вопросы: сколько контактов получили, сколько из них уникальны и соответствует ли запрос услугам компании.
Заявки и звонки, зафиксированные системой. Общий объём контактов ещё не показывает, сколько потенциальных заказчиков пришло из рекламы.
Контакты без повторов. Их учитывали отдельно от общего числа лидов и рассчитывали стоимость уникального обращения.
Проверка содержания запроса: нужна ли человеку услуга компании. Отделяли коммерческий интерес от случайных и нецелевых обращений.
Отчётность разделили по инструментам, кампаниям и качеству лидов. В общей сводке собрали бюджет, клики, обращения, стоимость заявки и конверсию сайта. Динамика этих показателей помогала увидеть изменения, а отдельные разделы — разобраться в их причинах.
От общей динамики переходили к каналам, отдельным кампаниям и качеству полученных обращений.
Поиск, РСЯ, ретаргетинг и медийные форматы оценивали отдельно, чтобы видеть вклад каждого канала. Внутри кампаний разбирали объявления и креативы: где появляются лиды, где растут стоимость клика и заявки, какие группы работают эффективно, а какие не дают обращений.
Отдельно анализировали географию и статистику по лидам, сопоставляли результат с планом и целями. В отчётности по контекстной рекламе сохраняли выводы и план дальнейших действий. Для таргетированной рекламы были свои разделы: общая статистика, кампании, выводы и план.
Команда прослушивала звонки в Calltouch и проверяла содержание запросов. Общее число лидов сопоставляли с уникальными обращениями, долей дублей и нецелевых заявок. Запрос на строительные работы отделяли от поиска информации или обращения не по услугам компании.
Уникальность и качество отвечают на разные вопросы: новый контакт ещё не обязательно является потенциальным заказчиком. Поэтому содержание звонков дополняло расчёт стоимости лида и помогало разобраться, какие регионы и направления стоит усиливать и почему часть обращений не доходит до продаж.
Сравнивали расходы, обращения и их стоимость; уточняли, в каком канале, регионе или кампании изменилась динамика.
Разбирали уникальные и повторные контакты, слушали звонки и оценивали соответствие услугам компании.
Выбирали, что масштабировать, что отключить и какую гипотезу проверить. Фиксировали выводы и следующий план действий.
При тесте расширения охвата общая статистика показывала дешёвые переходы. Сопоставление трафика с конверсией, стоимостью заявки и качеством обращений помогло оценить результат для бизнеса. По итогам разбора отключили РСЯ и перенесли фокус на поисковые кампании по свайным и шпунтовым работам и продаже шпунта.
Результатом аналитической работы стал регулярный цикл: зафиксировать изменение, проверить его причины и выбрать действие по конкретному направлению. Выводы и следующий план сохраняли в отчётности, чтобы разбор завершался решением по рекламе.
PR и контент продолжали работу над позиционированием: показывали компанию как инженерного партнёра для сложных объектов. В публикациях раскрывали влияние технологий на сроки, безопасность и экономику строительства, а в соцсетях связывали эту экспертизу с объектами, процессами и людьми.
При подборе медиа сопоставляли состав аудитории, посещаемость и условия размещения. В пул включили площадки с разными возможностями: выход на специалистов строительной отрасли, более широкий охват и общение с руководителями бизнеса.
Выбрали за наиболее близкую проекту аудиторию: топ-менеджеров девелоперов и подрядных организаций, архитекторов, проектировщиков и представителей органов власти Москвы. Посещаемость была ниже, чем у других площадок для интервью, но состав читателей точнее соответствовал задачам проекта.
При выборе учитывали высокую посещаемость, сравнительно невысокую стоимость и возможность вывести материал на первый экран главной страницы. При этом аудитория — жители Москвы и области, а также застройщики — была менее релевантной проекту.
Площадка обращается к руководителям малого и среднего бизнеса. Для этой аудитории подготовили комментарий генерального директора СК Город о кризисах и адаптации в управлении. Материал направили в издание для бесплатной публикации.
Под выбранную аудиторию подбирали темы: сложные грунты, глубокие котлованы и работы рядом с существующими зданиями. Вместо общего обещания надёжности раскрывали конкретную инженерную задачу.
Материал строили вокруг условий объекта, выбора метода и его последствий. Это позволяло объяснить ответственность подрядчика и пользу инженерной подготовки ещё до выхода техники на площадку.
Для «Делового Петербурга» подготовили материал «Статическое вдавливание шпунта: тишина, точность и ответственность в городе». В нём объясняли, когда оправдан этот метод и как он снижает воздействие на окружающую застройку. Техническая тема отвечала на практический вопрос заказчика: как выполнять работы рядом с существующими зданиями.
В материалах для Novostroy разбирали адаптацию технологий к грунтам Петербурга, для «Строительного Еженедельника» — инженерные задачи ограждения глубоких котлованов.
Техническую повестку дополняли материалы о корпоративной культуре, безопасности сотрудников и 15-летии компании. Они раскрывали внутренние процессы и компанию как работодателя — ещё одну часть платформы бренда.
Для соцсетей разработали рубрикатор и контент-план: инженерную экспертизу связали с новостями объектов и историями команды. Для предметных разборов определили необходимую фактуру — фотографии, ограничения площадки, выбранный метод и комментарии специалистов.
План объединил три направления с разными форматами: от короткого дайджеста и интервью до подробного кейса или видео. Истории завершённых объектов и карьерного роста предполагали дальнейший сбор реальных примеров внутри компании.
Новости со строительных площадок, дайджесты текущих проектов и разборы сложных задач. В плане — истории завершённых объектов с отзывами клиентов и подробный путь проекта от идеи до реализации.
Экономика строительства и оптимизация затрат, применение GPS-системы HITS при погружении свай, видео о работе ERP. В экспертной мини-рубрике — зачем применяют шпунт, с объяснением на конкретном объекте.
Истории профессионального роста, рабочий день сотрудников и мини-интервью из офиса. Знакомство с новичками и их первые впечатления. Карьерные истории предполагали сбор реальных примеров внутри компании.
В PR инженерный подход раскрывали через конкретные технологии и условия объектов. Для соцсетей подготовили систему регулярных тем: новости площадок, разборы процессов и истории команды. Так идея «Технологии перемен» получила содержание для разных аудиторий, а HR-направление — темы о сотрудниках и культуре компании.
публикаций в СМИ
просмотров публикаций
В рамках комплексной работы параллельно с продвижением разработали сайт. Он должен был помогать разным посетителям: выбрать услугу, подобрать технику или шпунт, изучить опыт компании либо найти работу. Эти задачи объединили в общей структуре и прошли путь от исследования до передачи сайта клиенту.
Начали с погружения в бизнес и процессы клиента. Изучили сильные и слабые стороны компании и конкурентов, задачи аудитории. В Figma собрали исследования, референсы и материалы смежных направлений, включая бренд-стратегию.
На этой основе определили, какие возможности нужны посетителю, что показать первым и чем подтвердить компетенцию. От анализа перешли к информационной архитектуре: составу страниц и блоков, их последовательности и связям.
Для услуг, техники, шпунта, кейсов, блога, объектов, партнёров и карьеры разработали отдельные каталоги. У каждого — своя структура списка и детальной страницы, логика поиска и отбора информации. Например, покупателю шпунта нужны технические характеристики, а заказчику работ — подходящий метод и опыт на похожих объектах.
Каталоги связали между собой: со страницы услуги можно перейти к технике и выполненным объектам, а из материала об объекте — к применённым решениям. Посетителю не приходится заново искать подтверждение того, что компания умеет решать его задачу.
Описание и методы работ, условия применения, связанные материалы, ответы на вопросы и примеры выполненных проектов.
Парк оборудования и подробности о каждой машине.
Подбор продукции по техническим параметрам.
Подробные разборы решённых задач.
Выполненные работы с отбором по услуге, региону и году помогают найти похожий опыт подрядчика. Детальные страницы проектов связаны с использованной техникой и продукцией — так можно оценить и опыт, и возможности компании.
Статьи и новости компании.
Отдельный раздел о сотрудничестве.
Каталог вакансий с детальными страницами для будущих сотрудников. Раздел продолжает HR-позиционирование «Люди прогресса, люди ГОРОДА».
Прототипирование разделили на три стадии. Сначала проверили состав и порядок блоков, затем подробно проработали каждую страницу и только после этого подготовили основу для дизайна. Так вопросы содержания и навигации решали до отрисовки интерфейса.
Из блоков референсов собрали прототип низкой детализации. Согласовали логику страницы и место каждого смыслового блока.
Разработали рабочие прототипы: содержание, переходы и сценарии взаимодействия для разных типов страниц.
Уточнили решения и подготовили финальные прототипы, на которые дизайнер опирался при создании макетов.
В технически сложной отрасли легко превратить сайт в длинную документацию. Клиент хорошо знал продукт и стремился раскрыть все подробности; наша задача — сохранить их, но выстроить понятный порядок знакомства с компанией и её услугами.
На обсуждениях объясняли логику блоков и стилистику, возвращались к исследованию и задачам посетителей. Бизнес-экспертиза клиента помогала уточнять содержание, а наша экспертиза в UX — выбирать, как его представить. Это требовало тесной совместной работы на всём этапе проектирования.
После прототипов собрали мудборд и согласовали визуальную концепцию. Последовательно проработали основные макеты, адаптивные версии и UI kit — общие элементы интерфейса и их состояния. Детальная подготовка позволила собрать целостную систему для всех типов страниц.
Отдельно описали анимации: появление заголовков, реакции на наведение, переключение вкладок, раскрытие вопросов и индикатор чтения статьи. Для главного экрана предусмотрели видео и резервное изображение.
В каталоге шпунта важны параметры, по которым специалист подбирает решение для объекта. Предусмотрели фильтрацию по размерам профиля, массе, толщине стенки и полки, марке стали и расчётным характеристикам. Несколько условий можно применять одновременно, без перезагрузки страницы.
Фильтры сокращают список до подходящих профилей. Характеристики продукции используются и при отборе, и в таблице параметров карточки.
Поиск, фильтры и выбор производителя сохраняются в мобильной версии. Сетка карточек перестраивается под ширину экрана.
Крупное изображение профиля, название и заметный переход к обращению помогают начать знакомство с продукцией.
Сценарий продолжили в карточке продукции и форме обращения: сначала посетитель получает техническую информацию, затем может передать свою задачу вместе с файлом.
В карточке собраны изображения, схема профиля, технические параметры и сертификаты. Подробности доступны рядом с конкретной продукцией.
Размеры, масса и расчётные параметры собраны в отдельный блок карточки продукции. Специалист может сопоставить их с требованиями своего объекта.
К форме можно приложить файл. До отправки видно его название, вложение можно удалить. Для формы предусмотрены проверка заполнения и подтверждение отправки.
Каталог, панель фильтров и карточка выбранного профиля продолжают один сценарий. Основные возможности подбора доступны и на мобильном экране.
На небольшом экране сохраняются поиск и выбор производителя. Карточки перестраиваются в две колонки.
Технические параметры собраны в отдельной панели. Можно задать несколько условий отбора.
Из каталога посетитель переходит к выбранному профилю: изучает характеристики и может обратиться в компанию.
Сначала подготовили фронтенд, затем связали интерфейс с системой управления. Работу вели по Agile, код хранили в GitHub. Актуальный план и канбан-доска помогали отслеживать задачи; на ретроспективах разбирали ход работы.
Интерфейс реализовали на HTML, CSS с Tailwind и JavaScript, серверную часть — на PHP и Bitrix.
Подготовили фронтенд и состояния элементов. На ключевых этапах проверяли продукт целиком: сверяли технические задания, уточняли спорные вопросы и согласовывали решения.
Подключили интерфейс к Bitrix и настроили управление каталогами и связанными материалами.
Проверили основные страницы, поиск и пустую выдачу, ошибки формы, адаптивы и страницу 404.
| Что можно обновлять | Как это устроено |
|---|---|
| Каталоги и материалы | Характеристики, изображения, вопросы и ответы, публикации и вакансии доступны для редактирования. Можно задавать порядок элементов. |
| Связи между разделами | Один материал можно использовать в нужных разделах сайта благодаря связям между каталогами и публикациями. |
| Страницы и языковые версии | В инструкции разобраны наполнение страниц, видео на главной и работа с русской, английской и китайской структурами сайта. |
| SEO и обслуживание | Инструкция включает SEO-заголовки, описания и резервное копирование — для самостоятельного поддержания сайта. |
Разработку завершили в согласованные сроки. Для старых страниц подготовили карту редиректов. На VPS клиента настроили окружение под Bitrix и передали сайт под ключ.
Руководство по наполнению и управлению стало частью передачи проекта.
Платформа бренда задала общий подход к коммуникации. В рекламе его связали с конкретным спросом, в PR — с инженерными темами, а на сайте — с услугами и подтверждениями опыта. Для соцсетей подготовили рубрики об объектах, технологиях и людях.
Учёт заявок, звонков и качества обращений дал основу для решений по продвижению. Вместе с новым сайтом и системой управления контентом компания получила инструменты, с которыми можно продолжать работу: обновлять материалы, раскрывать новые проекты и оценивать результат рекламы.
