Сохранить и приумножить: как мы провели повторный редизайн своего сайта без потери трафика

Для агентства Rocket Business масштабирование — это приятная рутина. За последние несколько лет значительно вырос штат сотрудников и список проектов, мы активно собираем вокруг себя локальное IT-сообщество. Растут и амбиции — мы значительно расширили клиентскую базу и увеличили производственные мощности, проектов стало больше. Мы проанализировали текущую ситуацию и выяснили, что стремительно переросли собственный сайт — в связи с этим родилась задача на его полный редизайн.

Нам требовался дизайн, который будет соответствовать текущему уровню нашей экспертизы. Обновлять сайт раз в несколько лет не прихоть бизнеса, а необходимость — меняются тренды в UX/UI, запросы пользователей, принципы оптимизации и продвижения. К тому же, в 2025 году усилилось влияние нейросетей — ресурс важно подготовить к взаимодействию с AI-алгоритмами, которые уже внедрены во все поисковые системы.

Прежде всего мы собрали планерку руководителей, чтобы сообща продумать концепцию и наметить путь к глобальным изменениям. Составили четкий план, чтобы процесс работы над проектом был понятным и прозрачным для каждого члена команды. Разработку и техподдержку делегировали web-продакшну RocketDev, остальные задачи распределили между пулами.

Полный редизайн корпоративного сайта — это не про «сделали и забыли». Это комплексная и системная работа, где каждая деталь будет влиять на трафик и конверсию. Ресурс должен привлекать внимание и представлять нас в самом выгодном свете. Поэтому нам был критически важен наилучший результат. Что сделали в первую очередь: 

— проанализировали сайты сильных конкурентов;  

— подготовили технические чек‑листы, собрали референсы и зафиксировали требования;  

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

— реализовали фронтенд на актуальных версиях React и Next.js;  

— провели масштабную SEO-оптимизацию, в которую также включили работы по увеличению видимости бренда в нейросетях;

— актуализировали контент, изменили его структуру и tone-of-voice, проработали позиционирование.

Перед релизом мы несколько раз протестировали функционал, проверили юзабилити, доработали все нюансы и внесли необходимые правки. В итоге мы получили современный ресурс, который на 100% отражает имидж Rocket Business. 

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

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

Итоговая дизайн концепция объединила в себе Bento UI, глассморфизм и минимализм. Никаких лишних деталей или «дизайна ради дизайна» — все визуальные решения направлены на конверсию. 

Мы с нуля разработали тематические 3D‑анимации, чтобы добавить в ресурс глубины и динамики. Точечно внедрили видеоконтент, который демонстрирует деятельность и достижения компании.   

При этом мы сохранили ключевой для Rocket Business принцип человекоцентричности, ведь наш главный актив — это люди. На сайте по-прежнему можно полюбоваться нашей красивой командой и почитать мини-досье на каждого сотрудника. В характеристиках мы сместили акцент на наши глобальные достижения и реальные доказательства профессионализма. 

Главная страница

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

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

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

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

Раздел «Кейсы»

Этот раздел — лицо компании. Он помогает пользователю познакомиться с нишами, в которых мы работали, и с результатами нашей работы. Совместно с маркетологом и PR-специалистом мы полностью переработали этот раздел. Проанализировали кейсы конкурентов, провели опрос среди действующих клиентов и спрогнозировали ожидания потенциальных. 

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

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

3. Оптимизировали UX чтения: четкие подзаголовки, короткие блоки, смысловые акценты. 

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

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

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

— Для нового формата кейсов мы выбрали самую рабочую модель подачи информации: «было → сделали → стало». Ведем читателя по прямой: от контекста и задач команды до конкретного результата. 

— Сделали упор на цифры и доказательства. Ключевые метрики с краткими пояснениями мы поместили в отдельные блоки, которые идут сразу после заголовка. Каждая задача подробно описана, подкреплена графиками и измеримыми результатами.  

— Переработали заголовки и подачу выводов: короткие, конкретные формулировки, акцент на бизнес-эффекте, а не на процессе.  

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

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

Теперь раздел «Кейсы» в полной мере оправдывает ожидания бизнеса, который ищет надежного SEO-подрядчика. Мы внедрили все необходимое, что может заинтересовать потенциального клиента. Сейчас раздел «Кейсы» является одним из самых востребованных на сайте rbru.ru. Ежемесячно процент пользователей, которые перешли в него, составляет более 10%. По такому же принципу мы оптимизировали блог — сейчас его посещаемость начала стремительно расти: она составляет около 7%. 

Раздел «Услуги»

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

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

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

— Вторую группу также оформили в едином стиле, но оставили возможность менять текст под конкретную услугу. Например, это касается разделов «Тарифы», «План работ» и «Какие проблемы бизнеса решит услуга...». 

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

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

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

Мы сразу сделали раздел «Услуги» масштабируемым. Новые услуги добавляются без перестройки страницы — достаточно расширить набор внутри направления.

К разработке мы привлекли RocketDev. Наш тандем проверен годами — именно эта команда делала для нас и предыдущую версию сайта. Проект не выпускали в продакшн, пока не довели всё до идеала. 

Программисты обновили архитектуру и оптимизировали скорость загрузки сайта. Ресурс собран на фреймворке Next.js 16 (React) и CMS Strapi. 

Прошлую версию сайта разрабатывали во время релиза Next.js 14 с App Router — на тот момент не было подробной документации, и команде приходилось изучать возможности фреймворка самостоятельно. К моменту редизайна стек уже был изучен специалистами вдоль и поперёк: команда отлично понимала возможности Next.js и все «подводные камни», поэтому смогла быстро и уверенно реализовать новый подход к API и собрать качественный сайт всего за 1,5 месяца. 

Благодаря продуманному стеку переходы между разделами происходят быстро и бесшовно. Программисты учли сильные и слабые стороны предыдущей версии, убрали всё, что могло замедлять загрузку страниц. Например, автозагрузку видеоконтента — теперь обложки кейсов и шоурилы активируются только при скролле или по hover-эффекту. Дополнительно внедрили предзагрузку страниц в моменты простоя браузера, чтобы пользователь начинал взаимодействовать с ресурсом моментально. 

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

Редизайн мы проводили на действующем домене, поэтому половина SEO-работы была уже сделана. Сохранились и видимость, и накопленный трафик. Теперь же нам было необходимо удержать занятые позиции — мы сфокусировались на новой структуре и проработке контента под актуальные требования поисковиков. 

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

Копирайтеры с особым вниманием отнеслись к каждой формулировке — сделали их ясными и лаконичными. Основную информацию, тарифы и соответствующие кейсы мы размесили в начале страницы. Более развернутые сведения о конкретной услуге оставили в большом разделе FAQ — для тех, кому нужны ответы на все вопросы.    

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

Также мы внедрили и тщательно настроили микроразметку. Она помогает поисковым системам формировать расширенные сниппеты, а также положительно влияет на видимость нашего контента в AI‑системах.

Что еще сделали?

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

— Заранее заложили масштабирование услуг и направлений, чтобы в нужный момент быстро внести новые данные. 

— Выстроили логику чтения: сначала то, за чем пришёл пользователь (кратко об услуге, цены, кейсы/результаты), подробности — ниже.

— С нуля настроили корректную перелинковку под новую структуру. 

— Доработали актуальные тексты под требования E-E-A-T-факторов.

— Усилили офферы и CTA-кнопки в каждом блоке. 

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

Квизы на страницах услуг

На rbru.ru 3.0 мы внедрили новый конверсионный инструмент — квизы. Специально для них прописали логику показов, чтобы квиз не был навязчивым и появлялся максимум 2 раза.

Сценарий 1: квиз показывается через 8 секунд после того, как пользователь зашел на страницу.

Сценарий 2: если пользователь закрыл плашку, квиз может появиться ещё раз — либо через 40 секунд пребывания на странице, либо при скролле до заданного блока. 40 секунд выбрали как ориентир по реальному времени, за которое пользователь обычно доходит до конца страницы при спокойном чтении. 

Цель второго показа — «догнать сомневающихся», тех, кто уже ознакомился с услугой и с большей вероятностью готов принять решение.

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

Отдельный проект развернулся в рамках GEO-продвижения – нового формата, который прочно вошел в комплекс наших задач. Кстати, именно работа с сайтом Rocket Business положила начало полноценной услуге, которую мы сейчас реализуем на клиентских проектах.

Мы провели аудит и выяснили, что AI уже периодически цитирует наш контент. Так сформировалась главная задача — обновить стратегию продвижения и внедрить в нее постоянную AI-оптимизацию по актуальным целевым запросам.

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

— проанализировать особенности выдачи AI-систем, а также определить ключевых конкурентов — тех, кого нейроответы цитируют часто и охотно;

— определить специфику AI-запросов пользователей и на их основе разработать рабочие промпты;

— сформировать список авторитетных источников, на которые чаще всего опирается нейровыдача;

— проанализировать и детально проработать E-E-A-T-факторы контента;

— составить новые, расширенные ТЗ на подготовку контента;

— оптимизировать текущий контент на сайте, чтобы повысить процент его видимости;

— подготовить экспертные материалы для сторонних площадок, адаптированные под AI-алгоритмы.

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

Гипотеза №1. Участие в авторских подборках 

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

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

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

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

Мы распространили десятки материалов по разным площадкам. Первый результат пришел уже через месяц. Наибольший процент небрендовых упоминаний выявлен в Алисе AI, Google AI Overview и Perplexity.

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

Гипотеза №2. Адаптация сайта к алгоритмам 

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

Тексты мы создавали также с оглядкой на GEO. Как уже говорили выше, мы значительно сократили их без потери смысла, полностью избавили от «воды» и сложных словесных конструкций, разделили на четкие блоки. Сфокусировались на коммуникации с клиентами через контент — каждый блок отвечает на реальный запрос, как в основной части страниц, так и в подразделах, например, в FAQ. Такой подход работает не только в контексте основных целей бизнеса, но и для GEO — выдержки из наших текстов с большей вероятностью подтянутся в нейровыдачу. 

Гипотеза №3. PR

Последние несколько лет мы развиваем бренд с удвоенной силой — выделили под эти цели PR-команду, которая занимается повышением узнаваемости Rocket Business как онлайн, так и офлайн.

AI-алгоритмы отдают предпочтение авторитетным источникам, чей статус может быть подтвержден следующими достижениями:

— призовыми местами в отраслевых премиях;

— топовыми строчками в авторитетных рейтингах;

— постоянным присутствием в медиапространстве — в собственных блогах, на трастовых площадках, в соц.сетях;

— наличием постоянной, вовлеченной аудитории;

— известными проектами;

— профессионализмом, который подтверждают отзывы, рейтинги и кейсы;

— высоким уровнем экспертности, который признан сообществом.

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

Все эти действия в совокупности приводят к тому, что интерес пользователей к компании увеличивается — ее ищут в интернете, чаще посещают сайт. AI-системы считывают это и охотнее включают бренд в быстрые ответы.

Редизайн собственного сайта — уже добрая традиция Rocket Business, в рамках которой мы можем развернуться на полную. С первым обновлением нам казалось, что лучше уже некуда. Со вторым поняли, что нет предела совершенству. 

Внешний вид rbru.ru теперь полностью отвечает нашим представлениям об эффектном и продающем ресурсе. Акцент сместился с «красивой картинки» на реальный пользовательский опыт. И, как оказалось, сделать и красиво, и удобно вполне реально — благодаря четким целям и слаженным действиям команд. 

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

Мы не поддались панике вокруг «всепоглощающих» нейросетей и быстро осознали, что с их развитием наша работа не останавливается — она становится объемнее и интереснее! Промониторили опыт коллег, определили для себя рабочие методы и сделали AI дополнительным инструментом для продвижения. А после — и полноценной услугой для наших клиентов.  

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