Редизайн нужен, когда текущий сайт мешает решать задачу бизнеса: посетителям сложно понять предложение, важная информация теряется, мобильной версией неудобно пользоваться, а рекламный трафик плохо доходит до заявки.Начинать стоит с проверки самого сайта и данных, если они накоплены. После этого становится понятно, нужны отдельные правки или более глубокая переработка.
Быстрая проверкаРедизайн стоит рассматривать, если проблема затрагивает сразу несколько частей сайта: предложение, структуру, тексты, путь до заявки и мобильную версию.Если слабое место одно — например, первый экран или форма — разумнее сначала проверить точечную доработку.
Что такое редизайн сайта
Редизайн часто воспринимают как смену оформления: новые цвета, шрифты, фотографии, более свежий первый экран.
Для бизнеса этого может оказаться мало. Если посетитель по-прежнему не понимает предложение, с трудом находит нужную услугу или не видит причин оставить заявку, новое оформление само по себе проблему не решит.
Поэтому при редизайне я проверяю структуру, тексты, первый экран, аргументы, формы, мобильную версию и путь человека по странице. Объём работы зависит от состояния конкретного сайта.
Для бизнеса этого может оказаться мало. Если посетитель по-прежнему не понимает предложение, с трудом находит нужную услугу или не видит причин оставить заявку, новое оформление само по себе проблему не решит.
Поэтому при редизайне я проверяю структуру, тексты, первый экран, аргументы, формы, мобильную версию и путь человека по странице. Объём работы зависит от состояния конкретного сайта.
Когда сайту нужен редизайн
Возраст сайта сам по себе ничего не говорит. Причина для изменений появляется, когда сайт перестаёт соответствовать бизнесу, источникам трафика или поведению клиентов.
Сайт больше не отражает реальное предложение
У компании могут измениться услуги, цены, аудитория и приоритетные направления, а на сайте останется старая структура.
Например, бизнес хочет продвигать новую услугу, но она спрятана среди других направлений. Человек приходит из рекламы и вынужден сам искать нужную информацию. Здесь стоит пересмотреть содержание страницы и путь пользователя.
Например, бизнес хочет продвигать новую услугу, но она спрятана среди других направлений. Человек приходит из рекламы и вынужден сам искать нужную информацию. Здесь стоит пересмотреть содержание страницы и путь пользователя.
Посетителю сложно понять, что вы предлагаете
Посмотрите на первый экран отдельно от остального сайта. Можно ли быстро понять, чем занимается компания, для кого предназначена услуга, что получает клиент и куда перейти дальше?
Если для ответа приходится читать несколько экранов, проблема начинается уже в верхней части страницы.
Если для ответа приходится читать несколько экранов, проблема начинается уже в верхней части страницы.
Сайт неудобен на телефоне
Проверьте, удобно ли читать текст, нажимать кнопки, открывать меню и заполнять форму. Элементы не должны перекрывать друг друга, а страницу не должно требоваться увеличивать пальцами.
Мобильную версию особенно важно проверить, если на сайт идёт рекламный трафик.
Мобильную версию особенно важно проверить, если на сайт идёт рекламный трафик.
Структура стала слишком сложной
Сайт постепенно обрастает новыми блоками: акциями, преимуществами, услугами, формами и отзывами. В какой-то момент важная информация начинает конкурировать со второстепенной.
В такой ситуации сначала стоит определить, что действительно влияет на решение клиента, убрать лишнее и заново выстроить порядок блоков.
В такой ситуации сначала стоит определить, что действительно влияет на решение клиента, убрать лишнее и заново выстроить порядок блоков.
Сайт плохо подготовлен к рекламе
Посадочная страница должна соответствовать тому, что человек ожидает увидеть после объявления. Если реклама посвящена конкретной услуге, а ссылка ведёт на общую страницу компании с десятком направлений, посетителю приходится самостоятельно искать нужное предложение.
Также стоит проверить форму, призывы к действию, мобильную версию и установленную аналитику.
Также стоит проверить форму, призывы к действию, мобильную версию и установленную аналитику.
Изменился сам бизнес
Редизайн может понадобиться после смены позиционирования, выхода в другой сегмент, запуска нового направления или заметного изменения продукта.
Если старая страница создавалась под другую задачу, добавление новых блоков часто только усложняет её. В таком случае сначала стоит заново определить задачу страницы и аудиторию.
Если старая страница создавалась под другую задачу, добавление новых блоков часто только усложняет её. В таком случае сначала стоит заново определить задачу страницы и аудиторию.
Точечные правки или редизайн?Можно начать с правок: слабый первый экран, сложная форма, одна проблемная страница, отдельные ошибки мобильной версии.Стоит рассматривать редизайн: изменился продукт или аудитория, структура собиралась кусками, сайт плохо связан с рекламой, несколько ключевых страниц требуют переработки одновременно.
Три примера сайтов, где визуал помогает быстро понять предложение
Ниже — три примера из сайтов, которые я использую как ориентиры по подаче. Здесь важен не стиль сам по себе, а то, как дизайн помогает считывать смысл.
Castelia: продукт и результат видны сразу
На первом экране крупно показан сам материал в интерьере. Рядом — понятный заголовок, короткое пояснение, кнопка и несколько конкретных свойств продукта.
Такой экран быстро отвечает на базовые вопросы: что продают, где это используется и что можно сделать дальше.
Такой экран быстро отвечает на базовые вопросы: что продают, где это используется и что можно сделать дальше.
МИМАКС: один главный продукт и крупные аргументы
На первом экране нет конкуренции между несколькими направлениями. Основной продукт занимает заметную часть экрана, рядом стоят два понятных действия, а ниже — четыре преимущества в отдельных карточках.
Такую логику полезно учитывать, когда на текущем сайте слишком много равнозначной информации.
Такую логику полезно учитывать, когда на текущем сайте слишком много равнозначной информации.
Arte: предложение, цена и действие собраны в одном экране
На первом экране сразу видны категория продукта, ценовой ориентир, выбор оттенков и кнопка расчёта стоимости. Фотография показывает продукт в интерьере и помогает оценить его визуально.
Этот пример хорошо показывает, как первый экран может одновременно объяснять продукт и вести к следующему действию.
Этот пример хорошо показывает, как первый экран может одновременно объяснять продукт и вести к следующему действию.
Хороший редизайн начинается не с выбора нового стиля. Сначала нужно понять, что человек должен увидеть, понять и сделать на странице.
Когда полный редизайн может быть лишним
Переделывать весь сайт стоит не всегда. Если предложение понятно, структура работает, сайт нормально отображается на телефоне, а проблема находится в одном-двух местах, можно начать с локальных изменений.
Например: переписать первый экран, сократить форму, переработать страницу отдельной услуги, добавить недостающие аргументы, упростить навигацию или исправить мобильную версию.
Сначала нужно определить проблему. После этого станет понятен масштаб работы.
Например: переписать первый экран, сократить форму, переработать страницу отдельной услуги, добавить недостающие аргументы, упростить навигацию или исправить мобильную версию.
Сначала нужно определить проблему. После этого станет понятен масштаб работы.
Что проверить до редизайна сайта
Откуда приходят посетители
Поиск, Яндекс Директ, карты, социальные сети и прямые переходы приводят людей с разными ожиданиями.
Поэтому перед изменениями нужно понимать, какой трафик получает сайт, на какие страницы он попадает и соответствует ли содержание страницы источнику перехода.
Поэтому перед изменениями нужно понимать, какой трафик получает сайт, на какие страницы он попадает и соответствует ли содержание страницы источнику перехода.
Что люди делают на сайте
Если подключена Яндекс Метрика и накоплены данные, их полезно посмотреть до переделки. Нас интересует, как посетители проходят страницу, какие элементы используют и на каких участках возникают проблемы.
Данные помогают проверить предположения. По одной Метрике нельзя автоматически определить причину низкой конверсии: на результат также влияют реклама, спрос, предложение и другие факторы.
Данные помогают проверить предположения. По одной Метрике нельзя автоматически определить причину низкой конверсии: на результат также влияют реклама, спрос, предложение и другие факторы.
Как выглядит путь до заявки
Откройте сайт как новый посетитель с телефона и компьютера. Найдите нужную услугу, разберитесь в условиях, перейдите к форме и попробуйте её заполнить.
На этом маршруте часто становятся заметны лишние шаги и непонятные элементы.
На этом маршруте часто становятся заметны лишние шаги и непонятные элементы.
Соответствуют ли тексты реальным вопросам клиентов
Если страница заполнена общими обещаниями, их стоит заменить конкретной информацией: что входит в работу, как проходит процесс, какие условия действуют, что получает клиент и что ему нужно подготовить.
Полезный источник для такой переработки — реальные вопросы клиентов.
Полезный источник для такой переработки — реальные вопросы клиентов.
Перед редизайном соберите:• источники трафика и основные страницы входа;• данные Метрики, если они накоплены;• частые вопросы клиентов;• список изменений в продукте или услугах;• проблемы сайта, которые уже замечают клиенты или менеджеры.
Что менять в первую очередь
Приоритет зависит от причины проблемы. Но последовательность помогает не тратить время на оформление до того, как понятна логика страницы.
1. Задача страницыКого приводим и какое действие ждём от человека.2. Предложение и первый экранЧто пользователь должен понять сразу.3. СтруктураВ каком порядке дать информацию, чтобы человек мог принять решение.4. ТекстыКакие вопросы и сомнения нужно закрыть.5. Формы и призывыКакой следующий шаг понятен и уместен.6. Дизайн и мобильная версияКак визуально расставить акценты и сделать страницу удобной на разных экранах.
Ошибки при редизайне
Одна из частых ошибок — начинать с визуального впечатления: собрать референсы, выбрать стиль и попытаться перенести его на старую структуру.
Красивый пример ничего не говорит о том, подходит ли такая структура вашему продукту и клиентам.
Вторая проблема — переделывать всё сразу без предварительной проверки. В результате можно потратить бюджет на элементы, которые почти не влияют на решение посетителя.
Ещё один риск связан с действующим сайтом, который уже получает поисковый трафик. При изменении структуры и адресов страниц нужно учитывать существующие URL, контент, внутренние ссылки и SEO-настройки.
Красивый пример ничего не говорит о том, подходит ли такая структура вашему продукту и клиентам.
Вторая проблема — переделывать всё сразу без предварительной проверки. В результате можно потратить бюджет на элементы, которые почти не влияют на решение посетителя.
Ещё один риск связан с действующим сайтом, который уже получает поисковый трафик. При изменении структуры и адресов страниц нужно учитывать существующие URL, контент, внутренние ссылки и SEO-настройки.
Как понять масштаб редизайна
Если проблема локальная, начинайте с локальной правки. Если изменились предложение, аудитория, структура услуг и путь клиента, потребуется более глубокая переработка.
Ответьте на три вопроса: понятно ли посетителю предложение; может ли он без лишних действий найти нужную информацию и перейти к заявке; соответствует ли текущая структура задаче бизнеса и источникам трафика.
Ответы помогают определить объём работы до начала дизайна.
Ответьте на три вопроса: понятно ли посетителю предложение; может ли он без лишних действий найти нужную информацию и перейти к заявке; соответствует ли текущая структура задаче бизнеса и источникам трафика.
Ответы помогают определить объём работы до начала дизайна.
С чего начать, если вы хотите переделать сайт
Начните с разбора текущей версии. Соберите данные Метрики, источники трафика, страницы входа, обращения клиентов и список проблем, которые вы уже замечаете. Отдельно запишите, что изменилось в бизнесе с момента запуска сайта.
После этого можно решить, какие элементы сохранить, что исправить точечно и какие части требуют полной переработки.
Я занимаюсь аудитом существующих сайтов, переработкой структуры и текстов и редизайном. Сначала разбираюсь в задаче, аудитории и пути клиента. После этого могу предложить объём изменений и объяснить, почему они нужны.
После этого можно решить, какие элементы сохранить, что исправить точечно и какие части требуют полной переработки.
Я занимаюсь аудитом существующих сайтов, переработкой структуры и текстов и редизайном. Сначала разбираюсь в задаче, аудитории и пути клиента. После этого могу предложить объём изменений и объяснить, почему они нужны.
Частые вопросы
Нужно ли полностью переделывать сайт при редизайне?Нет. Масштаб зависит от состояния сайта и задачи. Иногда достаточно переработать отдельные страницы, первый экран, форму или мобильную версию.Поможет ли редизайн увеличить количество заявок?Сам факт редизайна этого не гарантирует. На заявки влияют предложение, спрос, качество трафика, содержание страницы, технические проблемы и обработка обращений.Можно ли сделать редизайн только главной страницы?Можно, если задача действительно ограничена главной. Перед работой стоит проверить связанные страницы и путь пользователя.Нужно ли смотреть Яндекс Метрику перед редизайном?Если Метрика накопила данные, их полезно изучить. Они помогают увидеть поведение посетителей и проверить часть предположений.Можно ли потерять поисковый трафик после редизайна?Риск появляется, если без контроля меняются адреса страниц, содержание, внутренняя перелинковка и SEO-настройки. Эти элементы нужно учитывать при планировании изменений.
