Редизайн сайта: семь признаков, что пора обновляться

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

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

Ниже — семь признаков, по которым можно определить, что сайт созрел для серьёзных изменений, а также рекомендации, как действовать дальше.

Редизайн, рестайлинг и доработка: чем они отличаются

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

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

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

Признак 1. Падает конверсия или заявок стало меньше

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

Как определить

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

Если проблема подтверждена, дальше стоит выяснить причину: слабое предложение, неудобный путь, недоверие, технические сбои. Именно поэтому до начала работ полезен UX-аудит: он показывает, что действительно мешает людям.

Признак 2. Сайт плохо работает на смартфонах

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

Проверьте самостоятельно

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

Устранить проблему иногда можно доработкой, но если сайт изначально строился «для компьютера», а мобильная версия — вынужденное сжатие, то правильнее переходить к проектированию с учётом смартфонов. Принципы изложены в статьях про адаптивную вёрстку и mobile first. Для торговли важна отдельная тема: мобильная версия интернет-магазина.

Признак 3. Сайт медленный и тяжёлый

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

Типичные причины

• Несжатые изображения огромных размеров.
• Лишние скрипты и плагины, накопившиеся за годы.
• Устаревший шаблон с избыточным кодом.
• Слабый хостинг и отсутствие кэширования.
• Тяжёлые анимации, видео на фоне, шрифты без оптимизации.

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

Признак 4. Дизайн выглядит устаревшим и подрывает доверие

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

Маркеры устаревания

• Узкая вёрстка фиксированной ширины с пустыми полями по бокам на современных мониторах.
• Нечитаемый мелкий текст и слабый контраст, подробнее — в статье про контраст и читаемость.
• Устаревшие приёмы: тяжёлые тени, рамки, градиенты без чувства меры, о которых мы говорили в материале про градиенты в интерфейсах.
• Разнобой в оформлении кнопок, иконок и заголовков на разных страницах.
• Фотографии, которые видно, что сняты давно: старые офисы, старая техника, устаревшие продукты.
• Несоответствие сайта обновлённому фирменному стилю; см. статью фирменный стиль и сайт.

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

Признак 5. Структура и навигация не соответствуют бизнесу

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

Как заметить

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

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

Признак 6. Технологическая основа устарела

Иногда сайт выглядит нормально, но «под капотом» всё держится на честном слове. Система управления не обновляется, плагины заброшены, разработчик, который всё создавал, исчез, а любое изменение приводит к поломке соседнего блока.

Тревожные симптомы

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

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

Признак 7. Сайт не помогает продвижению и не растёт в поиске

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

Что проверить

• Есть ли страницы под ключевые направления и запросы клиентов; см. статью семантическое ядро: фундамент структуры сайта.
• Не мешают ли ошибки индексации и дубли; помогает технический аудит сайта.
• Насколько хорошо работают тексты, заголовки и мета-теги.
• Как ведут себя пользователи: если они быстро уходят, это ухудшает позиции, о чём мы писали в статье поведенческие факторы.

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

Когда редизайн не нужен

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

• Слабое предложение. Если цены и условия неконкурентны, красивый сайт не спасёт.
• Нецелевой трафик. Реклама приводит не тех людей: проблема в настройках кампаний, а не в дизайне.
• Сезонный спад. Падение связано с естественным рынком.
• Скучно владельцу. Личная усталость от внешнего вида не является причиной для затрат, если показатели хорошие.
• Одна-две локальные ошибки. Если сломалась форма или тормозит одна страница, лечится точечно.
• Желание «как у конкурента». Без анализа собственной аудитории копирование опасно.

Иногда достаточно регулярной поддержки сайта и постепенных улучшений, а также тестирования гипотез по методике из статьи A/B-тестирование: практическое руководство.

Как принимать решение: простая схема оценки

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

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

Как проходит редизайн

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

1. Аудит и постановка целей. Анализируются цифры, поведение пользователей, технические показатели, конкуренты. Формулируются измеримые цели: рост конверсии, снижение отказов, ускорение загрузки.
2. Исследование аудитории. Интервью, анализ обращений, карта путей. См. статью UX-исследование: что это и зачем оно бизнесу.
3. Новая структура и прототипы. Продумываются разделы, страницы, сценарии. Каркас проверяется до начала дизайна; см. материалы про wireframe и прототипирование.
4. Визуальный дизайн. Разрабатывается система оформления, макеты ключевых страниц, компоненты.
5. Разработка. Вёрстка, подключение системы управления, интеграции, перенос контента.
6. Тестирование. Проверка функций, устройств, скорости, SEO. См. статью как проходит тестирование сайта перед запуском.
7. Запуск и перенаправления. Выкладка по чек-листу, настройка перенаправлений со старых адресов; см. чек-лист запуска нового сайта.
8. Наблюдение и улучшение. Мониторинг показателей, сбор обратной связи, доработки.

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

Как не потерять трафик и позиции при редизайне

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

• Сохраните всё, что приносит трафик. Выгрузите список страниц с посетителями и не удаляйте их без замены.
• Сохраните адреса там, где это возможно. Если адреса меняются, настройте постоянные перенаправления с каждого старого на соответствующий новый.
• Перенесите удачные тексты и мета-данные. Не переписывайте заново то, что работало.
• Зафиксируйте показатели до запуска: позиции, трафик, конверсии, скорость.
• Проверьте индексацию после выкладки и ошибки в вебмастерских сервисах.
• Не меняйте всё сразу. Если возможно, разделите изменения на этапы, чтобы понимать, что влияет на результат.
• Следите за скоростью: новый дизайн часто тяжелее прежнего.

Типичные ошибки при редизайне

• Начинают с картинки. Выбирают стиль, не разобравшись в задачах пользователей и цифрах.
• Ориентируются на личный вкус. Решения принимаются по принципу «нравится или нет», а не «работает или нет».
• Игнорируют старый контент. Выбрасывают то, что привлекало аудиторию.
• Нет метрик успеха. После запуска невозможно сказать, улучшилось ли что-то.
• Нет плана на поддержку. Свежий сайт быстро устаревает, если им не заниматься.
• Запускают без тестирования. Ошибки обнаруживают клиенты.
• Нарушают сроки из-за согласований. Подробнее о том, как этого избежать, — в статье как не сорвать сроки проекта.
• Экономят на подготовке. Бриф и исследование кажутся лишними, но именно они определяют итог; см. материал как подготовить бриф на дизайн сайта.

Сколько стоит и сколько занимает

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

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

Итог

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

Хороший редизайн начинается с цифр и задач пользователей, сохраняет то, что работает, и заканчивается измеримым результатом. Если вы сомневаетесь, нужен ли вам редизайн или хватит доработок, напишите нам через страницу контактов: специалисты Mevero проведут анализ и честно скажут, какой объём работ действительно оправдан.