Редизайн корпоративного сайта часто начинается с фразы «нам просто надоел старый вид». Но смена картинки без понимания, что именно мешает сайту работать, — самый дорогой способ потратить бюджет. Ниже рассказываем, по каким признакам видно, что обновление действительно нужно, какие бывают варианты редизайна и как мы проводим его так, чтобы компания не потеряла ни заявки, ни поисковый трафик.
Редизайн — это не только новая картинка
В обиходе редизайном называют всё подряд: от замены шрифта в шапке до полной пересборки сайта на другой платформе. Для планирования полезно развести эти понятия. Визуальное обновление меняет цвета, типографику, иллюстрации и сетку, но оставляет структуру и тексты. Функциональный редизайн затрагивает сценарии: как посетитель находит услугу, как оставляет заявку, что видит на каждой странице. Технический редизайн — это перенос на новую CMS или фреймворк, переписывание шаблонов, ускорение и интеграции.
На практике почти всегда нужен микс, но в разных пропорциях. Производителю металлоконструкций, у которого сайт выглядит прилично, но заявки теряются в почтовом ящике менеджера, важнее связка формы с CRM и переработка страниц продукции, чем новая палитра. А консалтинговой компании, которая выросла из маленькой фирмы в серьёзного игрока, первым делом нужно визуально «дорасти» до своего уровня: устаревший сайт отпугивает крупных заказчиков ещё до первого звонка.
Поэтому первый вопрос, который мы задаём на старте, звучит не «какой дизайн вам нравится», а «что сайт должен делать лучше, чем сейчас». От ответа зависят состав работ, сроки и бюджет. Если сформулировать цель не получается, это повод начать с аудита, а не с макетов.
Признаки того, что пора обновляться
Есть объективные сигналы, при которых откладывать редизайн дороже, чем провести его. Мы собрали их в таблицу и разделили по степени срочности: одни говорят о проблемах, которые бьют по деньгам прямо сейчас, другие — о накопившемся техническом долге.
| Признак | Чем он опасен | Срочность |
|---|---|---|
| Мобильная версия неудобна или её нет | Больше половины посетителей корпоративных сайтов приходят со смартфонов и уходят за 5–10 секунд | Высокая |
| Конверсия в заявку ниже 0,5% | Трафик есть, но сайт не превращает его в обращения | Высокая |
| CMS не обновляется, плагины заброшены | Уязвимости, риск взлома и потери данных | Высокая |
| Любая правка требует программиста | Контент устаревает, маркетинг зависит от подрядчика | Средняя |
| Структура не отражает текущие услуги | Новые направления спрятаны, старые продают то, чего уже нет | Средняя |
| Дизайн не совпадает с фирменным стилем | Разрыв между офлайн-материалами и сайтом снижает доверие | Низкая |
| Страницы грузятся дольше 4 секунд | Падают позиции и растёт доля отказов | Средняя |
Если совпадают три и больше пунктов из верхней половины таблицы, косметикой не обойтись. Если же беспокоит только последний пункт, вполне может хватить обновления дизайна в рамках текущей платформы — это быстрее и в разы дешевле.
Ложные поводы
Бывают и причины, которые сами по себе не оправдывают серьёзных вложений. «У конкурента сайт моднее» — повод посмотреть, чем именно он лучше для клиента, а не копировать анимацию. «Нового директора по маркетингу не устраивает цвет» — повод обсудить бренд целиком, а не перекрашивать кнопки. «Сайту уже много лет» — возраст сам по себе ничего не значит: аккуратно сделанный сайт может служить долго, если его поддерживать.
Аудит перед редизайном: что смотреть
Самая частая ошибка — начинать с дизайна, не изучив, как работает текущий сайт. В нём уже накоплены данные: какие страницы приносят посетителей из поиска, где люди уходят, какие формы заполняют. Если их проигнорировать, новый сайт может потерять то, что работало, и повторить то, что не работало.
Минимальный аудит перед редизайном включает четыре блока. Аналитика: источники трафика, страницы входа, путь до заявки, доля мобильных посетителей. SEO: какие адреса находятся в поиске и по каким запросам, есть ли внешние ссылки на конкретные страницы. Контент: что актуально, что устарело, что дублируется. Техника: платформа, хостинг, интеграции, скорость. Подробнее о методике поиска проблем в интерфейсе мы писали в статье про UX-аудит сайта.
Отдельно стоит поговорить с отделом продаж. Менеджеры знают, какие вопросы клиенты задают чаще всего, какие страницы присылают в переписке и чего на сайте не хватает. Час такого разговора нередко даёт больше, чем неделя изучения отчётов. В одном проекте для компании, продающей промышленное оборудование, выяснилось, что менеджеры вручную отправляют клиентам одну и ту же таблицу характеристик — мы вынесли её на сайт в виде сравнения моделей, и число уточняющих писем заметно сократилось.
Как мы проводим редизайн: порядок работ
Последовательность этапов зависит от масштаба, но общий каркас одинаков для большинства корпоративных проектов. Важно, что дизайн идёт не первым и не последним пунктом: ему предшествует структура, а за ним следуют вёрстка, перенос контента и аккуратный запуск.
Аудит и цели
Изучаем аналитику, поисковую видимость и обратную связь от продаж. Фиксируем измеримые цели: например, поднять конверсию с 0,4% до 1% или сократить время на обновление новостей до 10 минут.
Новая структура и прототипы
Пересобираем меню и разделы под актуальные услуги, рисуем чёрно-белые прототипы ключевых страниц. На этом этапе правки стоят дёшево, поэтому спорим здесь, а не на готовом дизайне.
Дизайн-концепция
Делаем главную и одну внутреннюю страницу, согласуем стиль. После этого отрисовываем остальные шаблоны и мобильные версии.
Разработка и перенос контента
Верстаем, подключаем CMS, переносим и редактируем тексты, настраиваем формы и интеграции. Старый сайт в это время продолжает работать.
Карта редиректов и SEO-проверка
Сопоставляем старые и новые адреса, переносим мета-теги, проверяем микроразметку, sitemap и robots.txt на тестовой копии.
Запуск и наблюдение
Переключаем домен, проверяем цели в аналитике и индексацию, первые две-три недели внимательно следим за трафиком и заявками.
Корпоративный сайт среднего размера — 20–40 страниц — проходит этот путь за 6–10 недель. Простое визуальное обновление без смены структуры укладывается в 3–5 недель. Ориентир по стоимости и состав работ мы описали на странице услуги «Редизайн сайта»: базовый вариант начинается от 90 000 ₽, а полноценная пересборка с новой платформой ближе к стоимости нового корпоративного сайта.
Как не потерять позиции в поиске
Падение трафика после редизайна — классическая история, которая почти всегда объясняется техническими ошибками, а не «капризами поисковиков». Сайт может потерять треть посетителей за месяц, если поменялись адреса страниц и никто не настроил перенаправления. Поисковая система видит, что привычные страницы отдают ошибку 404, и постепенно убирает их из выдачи.
Главный инструмент защиты — карта редиректов. Это таблица, где каждому старому адресу сопоставлен новый, и для каждой пары настраивается постоянное перенаправление с кодом 301. В неё попадают все страницы, которые когда-либо получали трафик или внешние ссылки, а не только те, что видны в меню. На сайте компании с десятилетней историей легко найти сотни старых новостей и документов, на которые ссылаются партнёры.
Не удаляйте страницы, которые приносят трафик, даже если они кажутся устаревшими. Лучше обновите текст и оставьте адрес. Статья «Как выбрать сварочный аппарат», написанная много лет назад, может приводить сотни посетителей в месяц и давать заявки, хотя в меню её давно никто не видит.
Помимо редиректов, нужно перенести заголовки title и description, сохранить тексты на продвигаемых страницах или сделать их лучше, проверить, что тестовая версия закрыта от индексации, а боевая — открыта. Последний пункт звучит банально, но запрет индексации, случайно перенесённый с тестового сервера, мы встречали в чужих проектах не раз. Если нужна внешняя страховка, SEO-специалист может сопровождать запуск отдельно — эту работу мы выполняем в рамках услуги SEO-подготовки при запуске.
Контент: переносить, переписывать или удалять
Редизайн — удобный момент для ревизии текстов. Обычно на корпоративном сайте контент делится на три группы. Первая — работающие страницы с трафиком и заявками: их переносим, освежаем формулировки, но бережно сохраняем ключевые фразы. Вторая — устаревшие, но потенциально полезные: описания снятых с производства продуктов, старые кейсы. Их либо обновляем, либо объединяем, либо архивируем с редиректом на релевантный раздел. Третья — мёртвый груз без посетителей и смысла: пустые новости, дубли, страницы-заглушки. Их удаляем.
Тексты для новых разделов лучше начинать готовить параллельно с дизайном, а не после него. Типичный сценарий срыва сроков: макеты согласованы, вёрстка готова, а описания пяти новых направлений ещё «в работе у маркетинга». Сайт неделями ждёт контента, и запуск сдвигается. Мы просим назначить ответственного за тексты со стороны клиента ещё на этапе прототипов и сразу показываем, сколько знаков ожидается на каждой странице.
Не стоит забывать и о мелочах, которые копятся годами: реквизиты в подвале, фотографии сотрудников, которые давно не работают, сертификаты с истёкшим сроком. Посетитель замечает такие детали чаще, чем кажется, и делает выводы о том, насколько компания внимательна к себе и к клиентам.
Типичные ошибки при редизайне
За годы работы мы видели много проектов, которые после обновления стали работать хуже. Почти всегда причины повторяются.
- Дизайн ради дизайна. Эффектные анимации и крупные фотографии на весь экран вытесняют информацию: посетитель не видит, чем занимается компания, без прокрутки на три экрана вниз.
- Решения без данных. Убрали раздел, который «никому не нужен», а он давал четверть заявок. Перед удалением всегда смотрите аналитику.
- Согласование всем коллективом. Когда макет обсуждают десять человек, итог превращается в компромисс, который не нравится никому. Нужен один ответственный с правом последнего слова.
- Запуск в пятницу вечером. Если что-то пойдёт не так, исправлять придётся в выходные без половины команды. Мы выкатываем изменения в начале недели.
- Забытые интеграции. Старый сайт отправлял заявки в CRM через самописный скрипт, о котором никто не помнил. После переезда заявки неделю уходили в никуда.
Последний пункт особенно коварен, потому что ошибка не видна снаружи: сайт работает, формы отправляются, посетитель видит «Спасибо, мы свяжемся с вами». Поэтому после запуска мы обязательно отправляем тестовые заявки через каждую форму и проверяем, что они дошли до адресата.
Что делать после запуска
Редизайн не заканчивается в день переключения домена. Первые две недели — период наблюдения: сверяем трафик с прошлыми показателями, ищем ошибки 404 в отчётах вебмастера, смотрим записи сессий, чтобы увидеть, как люди ведут себя на новых страницах. Небольшая просадка поискового трафика на 5–10% в первые дни нормальна и обычно восстанавливается за месяц. Если падение больше и не прекращается, ищем причину: чаще всего это пропущенные редиректы или изменившиеся заголовки.
Через месяц-полтора можно подводить первые итоги по целям, которые фиксировали на старте. Если конверсия выросла, а время на обновление контента сократилось — проект удался. Если нет — у вас уже есть данные, чтобы понять почему. Хорошая практика — заложить в план небольшой бюджет на доработки по итогам первых недель: реальное поведение посетителей всегда вносит поправки в самые продуманные прототипы.
И наконец, чтобы через несколько лет не пришлось снова делать всё с нуля, сайту нужна регулярная поддержка: обновления CMS, резервные копии, мелкие улучшения. Тогда следующий редизайн, если он понадобится, будет эволюцией, а не спасательной операцией.
Коротко о главном
Редизайн оправдан, когда сайт мешает бизнесу: теряет мобильных посетителей, плохо превращает трафик в заявки, устарел технически или не отражает того, чем компания занимается сейчас. Начинать стоит с аудита и чётких целей, затем — структура и прототипы, и только потом дизайн. Сохранность поискового трафика обеспечивают карта редиректов, перенос мета-тегов и проверка индексации, а сохранность заявок — тестирование всех форм и интеграций после запуска. Если подходить к обновлению как к проекту с измеримым результатом, а не как к смене обоев, новый сайт начнёт окупаться уже в первые месяцы.
Нужен сайт или интернет-магазин?
Обсудим задачу, подскажем подходящую платформу и оценим сроки и бюджет — бесплатно и без обязательств.
Обсудить проект
