Редизайн — это не «перекрасить сайт в модные цвета». Это переосмысление того, как сайт помогает бизнесу: насколько быстро посетитель находит нужное, насколько убедительно выглядит компания и сколько заявок теряется по дороге. В Deploy Lab мы начинаем редизайн с аудита и данных аналитики, а заканчиваем запуском, после которого сайт не теряет позиции в поиске, а прибавляет в заявках.
Старый сайт — это не только проблема, но и актив. У него есть накопленный поисковый трафик, проиндексированные страницы, внешние ссылки, привычки постоянных клиентов. Неаккуратный редизайн уничтожает всё это за один день: новые адреса без перенаправлений, удалённые «ненужные» страницы, которые приносили половину трафика, исчезнувшие тексты. Мы знаем, как обновить сайт и сохранить накопленное.
Признаки того, что сайту нужен редизайн
Неудобно на смартфоне
Мелкий текст, кнопки, по которым трудно попасть, горизонтальная прокрутка. А ведь большая часть посетителей приходит именно с телефонов.
Медленно загружается
Страницы открываются по несколько секунд, тяжёлые изображения и скрипты, устаревшая вёрстка. Посетители уходят, не дождавшись.
Выглядит устаревшим
Сайт не соответствует уровню компании: клиенты видят его и сомневаются в вашей надёжности ещё до первого звонка.
Мало заявок
Трафик есть, а обращений нет. Посетители не находят цены, не понимают, как заказать, путаются в меню.
Сложно обновлять
Чтобы добавить новость или поменять цену, нужно звать программиста. Админка неудобная или её нет вовсе.
Бизнес изменился
Появились новые направления, сменился фирменный стиль, компания вышла на другую аудиторию, а сайт рассказывает о прошлом.
Если вы узнали свой сайт в двух-трёх пунктах, редизайн, скорее всего, окупится. О том, как понять, что время пришло, мы подробно рассказали в статье редизайн корпоративного сайта.
Какой бывает редизайн
Объём работ сильно зависит от исходного состояния сайта. Мы выделяем три сценария и честно говорим, какой нужен именно вам.
Визуальное обновление
Структура и функциональность сайта в порядке, код поддерживается, но дизайн устарел. Обновляем визуальный стиль, типографику, иконки, адаптивность, улучшаем отдельные блоки. Платформа и адреса страниц остаются прежними — риски для поиска минимальны.
Редизайн со сменой структуры
Меняется логика навигации, появляются новые разделы, часть страниц объединяется или разделяется. Здесь нужна аккуратная работа с адресами и перенаправлениями, переносом и доработкой контента.
Полная переработка с переездом на новую платформу
Старая система управления не обновляется, код сложно поддерживать, нужны новые функции. Делаем новый сайт с нуля, переносим контент, каталог, пользователей и заказы, выстраиваем карту соответствия старых и новых адресов. Это самый объёмный вариант, и здесь особенно важен опыт команды. Подробности о переезде магазинов — в статье переезд магазина на новую платформу без потери позиций.
Что входит в редизайн
- Аудит текущего сайта: аналитика, юзабилити, скорость, техническое SEO
- Выгрузка всех проиндексированных страниц и анализ их трафика
- Интервью с отделом продаж о вопросах и возражениях клиентов
- Новая структура и навигация с учётом поискового спроса
- Прототипы ключевых страниц и согласование логики
- Новый дизайн для компьютера и смартфона, набор компонентов
- Вёрстка и программирование на текущей или новой платформе
- Перенос и доработка контента: тексты, изображения, документы
- Карта 301-перенаправлений со всех старых адресов на новые
- Сохранение и улучшение мета-тегов, микроразметки, внутренних ссылок
- Перенастройка аналитики и целей, сравнение показателей до и после
- Тестирование, запуск, мониторинг индексации и позиций после переезда
Как мы проводим аудит перед редизайном
Без аудита редизайн превращается в спор о вкусах. Мы собираем факты, которые потом определяют решения по структуре и дизайну.
Поведение посетителей
Изучаем отчёты аналитики: с каких страниц приходят посетители, где они уходят, какой процент доходит до формы, как отличается поведение на смартфонах и компьютерах. Смотрим записи сессий, чтобы увидеть, где люди путаются и что пытаются найти. Часто оказывается, что самая посещаемая страница — вовсе не главная, а какая-нибудь статья или страница услуги, и именно её надо сделать максимально продающей.
Поисковая видимость
SEO-специалист выгружает все страницы, которые приносят поисковый трафик, и запросы, по которым сайт виден. Эти страницы нельзя удалять или менять им адрес без перенаправления. Мы также находим потенциал: запросы, под которые у сайта нет подходящих страниц, — их закладываем в новую структуру.
Техническое состояние
Проверяем скорость загрузки, ошибки в коде, дубли страниц, битые ссылки, настройки индексации, безопасность платформы. От результатов зависит решение: оставить текущую систему или переезжать.
Контент и смыслы
Оцениваем, насколько тексты отвечают на вопросы клиентов, есть ли цены, кейсы, отзывы, информация о компании. Сравниваем с сильными конкурентами. Подробно о методике — в статье UX-аудит сайта.
Правило, которое мы соблюдаем всегда. Ни одна страница, приносящая трафик, не исчезает без перенаправления на ближайшую по смыслу новую страницу. Перенаправление на главную для всех старых адресов — ошибка, которая обнуляет позиции.
Этапы работ
Аудит и отчёт
Собираем данные, готовим отчёт с проблемами и рекомендациями. Отчёт остаётся у вас, даже если дальше вы решите работать самостоятельно.
Стратегия и структура
Формируем новую карту сайта, таблицу соответствия старых и новых страниц, перечень функций. Фиксируем объём работ и смету.
Прототипы
Перерабатываем ключевые страницы на уровне схем, проверяем логику на реальных сценариях посетителей.
Дизайн
Создаём визуальную концепцию с учётом фирменного стиля, отрисовываем все шаблоны и мобильные версии.
Разработка и перенос контента
Верстаем и программируем на тестовом сервере, переносим и дорабатываем контент, настраиваем перенаправления.
Предзапусковая проверка
Тестируем функциональность, проверяем все перенаправления по списку, мета-теги, карту сайта, скорость, аналитику.
Запуск и наблюдение
Переключаем сайт, в течение нескольких недель следим за индексацией, ошибками и позициями, оперативно исправляем отклонения.
Общие принципы организации проектов описаны на странице этапы работы.
Стоимость редизайна
Цена зависит от количества страниц и шаблонов, глубины изменений структуры и необходимости переезда на новую платформу. Аудит можно заказать отдельно — он поможет точно оценить объём.
- Экспресс-аудит
- Новый дизайн основных шаблонов
- Адаптивная вёрстка
- Платформа и адреса сохраняются
- Срок от 4 недель
- Полный аудит
- Новая структура и прототипы
- Дизайн всех шаблонов
- Перенос и доработка контента
- Карта перенаправлений
- Срок от 6 недель
- Новый сайт на современной платформе
- Миграция каталога, заказов, пользователей
- Интеграции с 1С и CRM
- Сопровождение после запуска
- Срок по результатам аудита
Цены на все услуги студии — на странице услуги и цены. Оплата поэтапная, гарантия на работы — 12 месяцев.
Технологии и платформы
Мы работаем с сайтами на 1С-Битрикс, WordPress, OpenCart, Laravel и статических генераторах, поэтому можем обновить сайт на текущей платформе или предложить переезд. Если сайт сделан на конструкторе или на редкой самописной системе, обычно разумнее переносить его на поддерживаемую платформу: так вы не зависите от одного разработчика и получаете регулярные обновления безопасности.
При переезде мы пишем скрипты миграции, которые переносят страницы, товары, характеристики, изображения, пользователей и историю заказов автоматически, а затем проверяем результат выборочно и по контрольным суммам. Ручной перенос сотен страниц почти всегда приводит к потерям и ошибкам. Новый фронтенд верстаем на компонентах, чтобы дальнейшие изменения дизайна обходились дешевле. Подробнее о выборе — в статье CMS или самописный сайт.
Что мы сохраняем при редизайне
| Что | Почему это важно | Как сохраняем |
|---|---|---|
| Адреса страниц | По ним сайт виден в поиске и на них ведут внешние ссылки | Оставляем прежними или настраиваем 301-перенаправления |
| Тексты, приносящие трафик | Поисковые системы ранжируют страницу за содержание | Переносим и дорабатываем, а не переписываем с нуля без анализа |
| Мета-теги | Влияют на позиции и кликабельность в выдаче | Переносим удачные, улучшаем слабые |
| Данные аналитики | Нужны для сравнения до и после | Используем те же счётчики, переносим цели |
| Пользователи и заказы | Клиенты не должны заново регистрироваться | Мигрируем базу с сохранением паролей там, где это возможно |
| Интеграции | Обмен с 1С, CRM, службами доставки не должен прерываться | Переносим и тестируем на копии данных до запуска |
Типичные ошибки редизайна
- Начинать с дизайна, не посмотрев в аналитику. Решения принимаются по вкусу руководителя, а не по поведению клиентов.
- Удалять «старые» страницы. Неактуальные на первый взгляд статьи и страницы иногда дают значительную часть поискового трафика.
- Запускать в пятницу вечером. Если что-то пойдёт не так, исправлять будет некому. Мы запускаем в начале недели.
- Путаница с индексацией. Тестовую версию оставляют открытой, и поисковые системы находят дубль сайта. Или наоборот: сайт запущен, а в файле правил индексации всё ещё стоит запрет, перенесённый с тестового сервера.
- Менять всё одновременно. Дизайн, структуру, тексты, платформу и домен за один раз. Если трафик просядет, невозможно понять причину. Домен лучше менять отдельно.
- Не предупредить сотрудников. Менеджеры должны знать, где теперь находятся нужные разделы, а редакторы — как работать с новой админкой.
Мини-кейс: редизайн сайта клиники
Многопрофильная клиника обратилась к нам с сайтом, сделанным много лет назад: без мобильной версии, с меню из тридцати пунктов и записью на приём только по телефону. При этом у сайта был хороший поисковый трафик на страницы услуг и статьи врачей.
Аудит показал, что около двух третей трафика приходится на полсотни страниц услуг и статей, а главная почти не играет роли. Мы сохранили все эти страницы и их адреса, переработали их шаблон: цена, врачи, оборудование, запись онлайн — в первом экране. Меню перестроили по направлениям, добавили поиск по симптомам и услугам. Старые страницы акций, которые не приносили трафика, объединили и настроили перенаправления. Запись на приём подключили к расписанию клиники.
После запуска поисковый трафик не просел, а через несколько месяцев вырос за счёт улучшения поведенческих показателей. Доля записей через сайт среди всех обращений заметно увеличилась, а нагрузка на колл-центр снизилась. Другие примеры — в разделе наши работы.
Боялись, что после обновления потеряем пациентов из поиска. Команда заранее показала таблицу всех страниц с трафиком и план перенаправлений. Переход прошёл так, что многие постоянные пациенты заметили только то, что записываться стало удобнее.
Елена К., руководитель маркетинга, «Клиника здоровья»
Вопросы о редизайне
Потеряем ли мы позиции в поиске после редизайна?
При правильной подготовке — нет. Кратковременные колебания возможны в первые недели, пока поисковые системы переобходят сайт. Мы минимизируем их за счёт сохранения адресов, перенаправлений и контента и следим за индексацией после запуска.
Можно ли сделать редизайн, не меняя систему управления?
Да, если платформа поддерживается и обновляется. Мы оценим её состояние на этапе аудита. Если система устарела и небезопасна, порекомендуем переезд, но решение остаётся за вами.
Сайт будет недоступен во время работ?
Нет. Всё делается на тестовом сервере, а текущий сайт работает в обычном режиме. Переключение занимает минуты.
Нужно ли переписывать все тексты?
Не обязательно. Тексты, которые приносят трафик и работают, мы переносим и дорабатываем точечно. Новые тексты пишем для новых разделов и страниц, которые не справлялись со своей задачей.
Можно ли делать редизайн постепенно?
Да. Иногда разумнее обновить сначала самые важные шаблоны — например, карточку товара и корзину в магазине, — а затем остальные. Такой подход снижает риски и позволяет оценить эффект каждого шага.
Вы делаете редизайн сайтов, созданных другими студиями?
Да, это большая часть наших проектов по редизайну. Нам понадобятся доступы к серверу, админке и аналитике. Если часть доступов утеряна, поможем восстановить их через хостинг-провайдера и регистратора домена.
Как оценить, окупился ли редизайн?
До начала работ фиксируем ключевые показатели: трафик, конверсию в заявки, долю мобильных посетителей, глубину просмотра. Через два-три месяца после запуска сравниваем и обсуждаем результаты.
Смежные услуги
- SEO-подготовка при запуске — сохранение и рост поискового трафика при переезде
- Разработка интернет-магазина — если старый магазин проще сделать заново
- Техническая поддержка — развитие обновлённого сайта и контроль его работы
Полезно прочитать перед стартом: частые ошибки в дизайне сайтов.
Оставить заявку
Пришлите адрес текущего сайта и коротко опишите, что вас не устраивает. Мы посмотрим сайт, зададим уточняющие вопросы и предложим формат: экспресс-аудит, визуальное обновление или полную переработку. Ответ — в течение рабочего дня.
Оставьте заявку
Расскажите коротко о задаче — ответим в течение рабочего дня, зададим уточняющие вопросы и предложим формат работы.