ПГС — компания в сфере архитектуры, проектирования и строительства. Уже 16 лет команда работает со сложными объектами недвижимости: от жилых комплексов и клубных домов до промышленных и оздоровительных объектов. За плечами компании более 220 реализованных проектов и команда из 150+ специалистов.
ПГС работает с проектом комплексно: занимается предпроектными работами, проектированием, инженерными изысканиями, подготовкой документации, техническим заказчиком и управлением строительством.
В рамках проекта разработали UX-структуру и UI-дизайн корпоративного сайта ПГС.
Провели бенчмаркинг сайтов компаний из сферы строительства, архитектуры и девелопмента. В качестве референсов изучили подходы KPLN, Arch1, Самолёта и ПИК. Проанализировали предыдущую версию сайта, социальные сети, презентации и прочие материалы, чтобы сохранить полезный контент и переосмыслить его под новую архитектуру.
Разработали верхнеуровневые прототипы и согласовали структуру. Каждая страница построена как самостоятельный landing page с последовательным раскрытием информации. Заложили три основных пользовательских сценария:
Главная Знакомство с компанией → экспертиза и ценности → реализованные проекты → дальнейший переход в профильное направление.
Девелопмент Знакомство с направлением → проекты → преимущества → визуальная презентация объектов → контакты.
Проектирование Компетенции → география → услуги → преимущества → реализованные проекты → контакт с компанией.
У ПГС уже был фирменный стиль, поэтому не создавали новую айдентику, а адаптировали существующую систему под digital-среду.
Подготовили мудборд и несколько вариантов дизайн-концепции. Показали разные направления визуальной подачи, чтобы вместе с клиентом определить подходящее настроение, композицию и характер будущего сайта.
В основе дизайн-концепции — фирменный жёлтый, чёрный и белый. Контраст используется для формирования иерархии, выделения CTA и навигационных элементов.
Графическую систему дополнили геометрическими формами, построенным вокруг идеи строительных блоков. Модульность стала не только визуальным приёмом, но и принципом композиции интерфейса.
Добавили систему плавных анимаций и микровзаимодействий. Движение используется для: акцентирования ключевых элементов, раскрытия контента, создания связи между отдельными блоками, усиления визуальной подачи проектов. Эффекты намеренно сделаны сдержанными — поддерживают структуру, а не конкурируют с контентом.
На первом экране сразу обозначили специализацию ПГС, а дальше последовательно раскрыли масштаб компании через показатели, реализованные проекты и принципы работы.
Крупная типографика, контрастные акценты и динамичная подача изображений помогают удерживать внимание и задают ритм страницы.
Страница «Девелопмент» выстроена вокруг ключевого преимущества ПГС: от идеи и инвестиционных решений до строительства и контроля качества. Услуги собраны в последовательный сценарий, а проекты вынесли в отдельный визуальный сценарий с быстрым переходом к деталям.
Визуально страницу поддерживает типографика и акцентная графика, которые разделяют смысловые блоки и упрощают навигацию по большому объёму информации.
Вместо длинного описания компетенций показали масштаб через 220+ проектов, состав команды, географию и конкретный перечень услуг.
Проработана асимметричная композиция, которая создаёт динамику и визуальный баланс за счёт неравномерного распределения элементов.
Одна из задач дизайна — сделать реализованные проекты заметной частью пользовательского сценария.
Для них разработали отдельные визуальные блоки с крупной подачей изображений и минимальным количеством текста. Это позволяет сначала считывать объект визуально, а затем переходить к деталям. Так портфолио работает не как архив работ, а как инструмент демонстрации компетенций ПГС.
Фильтры помогают сегментировать проекты по типу, году и другим характеристикам, сокращая путь от общего каталога к нужному объекту.
Превратили карточку проекта в полноценную презентацию объекта. В первом экране собрали ключевые характеристики: год, локацию, площади и виды работ, чтобы пользователь сразу получил основные факты. Далее раскрыли концепцию и особенности проекта, а крупные изображения работают на визуальную демонстрацию объекта. Внизу страницы оставили переход к следующим проектам и CTA, сохранив непрерывный сценарий просмотра портфолио.
Руководитель проекта 3 ● Менеджер проекта 2 ● Бизнес-аналитик ● Арт-директор ● Ux/Ui-дизайнер 2
Front-end разработчик 3 ● Back-end разработчик 3 ● SEO-специалист
ПГС — компания в сфере архитектуры, проектирования и строительства. Уже 16 лет команда работает со сложными объектами недвижимости: от жилых комплексов и клубных домов до промышленных и оздоровительных объектов. За плечами компании более 220 реализованных проектов и команда из 150+ специалистов.
ПГС работает с проектом комплексно: занимается предпроектными работами, проектированием, инженерными изысканиями, подготовкой документации, техническим заказчиком и управлением строительством.
Компания обновила сайт и поставила задачу привлекать потенциальных заказчиков из поиска.
Задача: повысить видимость бренда в поиске и привести на сайт целевую аудиторию.
В поиске «ПГС» ассоциировался не с компанией, а с песчано-гравийной смесью. Продвижение по брендовому запросу привело бы нецелевой трафик и ухудшило поведенческие показатели.
Поэтому от брендового продвижения отказались и пошли от поискового спроса клиентов.
Вместо «ПГС» в фокусе оказались запросы по задачам бизнеса: оценка потенциала участка; инвестиционный анализ; выбор варианта застройки; проектирование объектов; другие профильные услуги компании.
Параллельно появилась еще одна задача. Клиент хотел попасть в AI-выдачу Яндекса — те самые быстрые ответы, которые появляются над обычной поисковой выдачей.
SEO-работу выстроили по четырём направлениям:
Любой, даже самый современный и только что выпущенный сайт нельзя просто так отправить в поисковое плавание. Каким бы удобным он ни был для людей, его нужно перевести на язык алгоритмов — иначе поисковики его просто не поймут.
Поэтому мы начали работу с внутренней SEO-настройки ресурса. Нам нужно было показать роботу Яндекса, где лежит самое важное, и не дать ему заблудиться.
Система управления сайтом часто автоматически генерирует служебные страницы — например, технические фильтры или страницы пагинации. В итоге в коде появляется несколько страниц с одинаковым текстом. Для поисковика это проблема: он видит дубли, не понимает, какую из страниц считать главной и показывать пользователю, и на всякий случай понижает в выдаче их все. Мы проанализировали ресурс и скрыли весь этот служебный контент от индексации.
Поисковый робот — ленивый, у него есть жесткий лимит времени на проверку каждого сайта. Если он переходит по такой ссылке и упирается в пустой раздел, он тратит свой лимит впустую и уходит, так и не добравшись до страниц с нашими дорогими услугами. Мы нашли все такие тупики через специальные парсеры и вычистили их.
После этой базовой, невидимой для обычного пользователя настройки, поисковые системы начали правильно сканировать сайт.
Мы оказались в ситуации, когда использовать имя компании для привлечения клиентов было нельзя. Поэтому мы пошли другим путем: начали ловить целевую аудиторию не по названию подрядчика, а по их собственным бизнес-задачам.
В классическом SEO агентства любят собирать огромные базы на тысячи ключевых слов. Логика простая: чем больше запросов охватим, тем красивее будет график посещаемости в отчете. Но в крупном инжиниринге гонка за массовым трафиком бессмысленна и даже опасна. Если на сайт придет студент архитектурного вуза, который ищет «как спроектировать фасад», или дачник, гуглящий «где купить пгс» — они закроют страницу через пару секунд.
Поэтому мы полностью отказались от широких фраз. Инвестор, которому нужно проверить огромный участок перед покупкой, не гуглит абстрактные вещи. Он садится и вбивает в поиск свою боль: «определение наилучшего использования территорий» или «инвестиционный анализ строительства».
Вместе с «ПГС» мы вручную перебрали сотни вариантов поисковых фраз и безжалостно отсекли все ненужные. Оставили только те запросы, которые вбивают девелоперы.
В итоге у нас получилась очень компактная база — чуть больше 60 групп запросов (кластеров). По меркам обычного продвижения это катастрофически мало. Но для нашего клиента это был стопроцентный концентрат аудитории. Да, запросов вроде «оптимизация объемно-планировочных решений» в Яндексе не так много, зато каждый человек, который это ищет — это потенциальный заказчик, принимающий решение о многомиллионной стройке.
И на сайт действительно начали приходить люди, которым нужны услуги компании, а не песчано-гравийная смесь.
После того как мы собрали узкую целевую семантику, возникла новая задача. Чтобы уверенно занимать топовые позиции по сложным запросам, недостаточно просто разместить ключевые слова на страницах услуг. Поисковым алгоритмам и, что еще важнее, самим заказчикам нужно доказать, что вы разбираетесь в теме лучше конкурентов. А для этого необходим большой объем глубокого экспертного контента.
Но здесь есть нюанс, с которым сталкивается любой сложный B2B-бизнес. По-настоящему сильные и достоверные статьи могут написать только практикующие специалисты — те самые люди, которые каждый день занимаются инвестиционным анализом и проектированием. Проблема в том, что у них просто нет времени на регулярную подготовку материалов. Их главный фокус всегда направлен на текущие проекты и расчеты компании, и это абсолютно нормально.
Поэтому мы предложили партнерский формат работы и взяли контентное производство на себя. Команда ПГС делилась своей экспертизой, реальными кейсами и профессиональными нюансами. Мы бережно забирали эту фактуру и превращали знания инженеров в статьи, которые были понятны потенциальным заказчикам и при этом идеально отвечали жестким требованиям поисковых систем.
Поскольку в инжиниринге крайне важна точность формулировок, каждая публикация проходила внимательную проверку со стороны клиента. Со временем мы выстроили комфортный конвейер согласований, при котором специалисты не тратили на вычитку много времени, и вышли на стабильный объем статей в месяц. В узкой и сложной нише, где достоверность каждого абзаца важнее количества знаков, это отличный и уверенный темп.
Так постепенно сайт начал превращаться не просто в корпоративную витрину с сухим перечислением услуг, а в настоящую авторитетную отраслевую базу знаний, которой доверяют и алгоритмы Яндекса, и крупные инвесторы.
Пока большинство компаний боролись за классическую выдачу, мы решили занять ещё и AI-ответы Яндекса.
Это те самые блоки с краткой выжимкой информации от искусственного интеллекта, которые появляются на самом престижном месте — прямо под поисковой строкой, над всеми остальными сайтами.
Логика была простой: если потенциальный заказчик ищет сложную услугу и сразу получает готовый экспертный ответ со ссылкой на «ПГС», вероятность перехода на сайт многократно возрастает. Инвесторы ценят свое время, и получив исчерпывающий ответ в самом верху страницы, они часто просто не скроллят вниз, к конкурентам.
Но купить место в нейровыдаче невозможно. Алгоритмы сами решают, чей текст достоин оказаться в быстром ответе. Чтобы туда попасть, мы выстроили работу с двух сторон:
Руководитель проекта 3 ● Менеджер проекта 2 ● Бизнес-аналитик ● Арт-директор ● Ux/Ui-дизайнер 2
Front-end разработчик 3 ● Back-end разработчик 3 ● SEO-специалист
