Полный редизайн выглядит понятным решением: сайт устарел, нарисуем новый. На практике это несколько месяцев работы, заметные затраты и риск получить результат хуже привычного — с просевшими позициями, потерянными страницами и формой, которая перестала отправлять письма. Есть другой путь: обновлять сайт частями, не останавливая его работу. Ниже — порядок, которым мы пользуемся, и признаки ситуаций, когда постепенного обновления действительно мало.
Чем рискует полный редизайн
Главный риск не эстетический, а организационный. Переделка целиком означает одномоментную замену адресов, разметки и структуры. Даже при аккуратной работе часть страниц теряется, часть переезжает без перенаправлений, отдельные тексты не переносят «потому что перепишем позже». Поиск реагирует на это не сразу, а через недели, когда возвращать прежнее уже поздно.
Второй риск — длинная пауза без обратной связи. Пока идёт работа, сайт остаётся прежним, а решения принимаются по макетам. Проверить гипотезы не на чем: увидеть, стало ли лучше, получится только после запуска, когда изменено сразу всё и непонятно, что именно сработало.
Третий риск — бюджет. Полная переделка требует денег единовременно. Постепенное обновление растягивает расходы и позволяет остановиться на любом шаге, если результат уже устраивает.
Порядок обновления
- Собираем текущие элементы: кнопки, поля, карточки, заголовки, таблицы. Обычно на этом шаге выясняется, что кнопок на сайте семь видов, а оттенков серого больше десяти.
- Фиксируем основы: палитру, шрифтовую пару, шкалу отступов, радиусы скругления, толщину границ. Это короткий документ, а не полноценная дизайн-система.
- Обновляем типографику по всему сайту. Кегль, межстрочное расстояние, длина строки — заметный эффект за день работы, потому что текст есть на каждой странице.
- Переделываем блоки, которые встречаются чаще всего: карточка, форма, шапка, подвал. Один компонент — изменение сразу на десятках страниц.
- Переоформляем страницы по одной, начиная с самых посещаемых. Порядок берём из аналитики, а не из личных предпочтений.
- После каждого шага смотрим на поведение посетителей и на позиции. Если что-то ухудшилось, откатываем один шаг, а не всю работу.
Что даёт наибольший эффект за минимальные вложения
Не все изменения равноценны. Часть приёмов меняет впечатление от сайта за несколько часов работы, часть требует недель и заметна только внимательному глазу.
| Действие | Эффект | Трудоёмкость |
|---|---|---|
| Увеличить кегль и межстрочное расстояние | Высокий | Низкая |
| Добавить воздух между блоками и внутри карточек | Высокий | Низкая |
| Свести акцентные цвета к одному | Средний | Низкая |
| Привести кнопки к единому виду и состояниям | Средний | Низкая |
| Переделать первый экран главной | Высокий | Средняя |
| Обновить карточки каталога и списков | Высокий | Средняя |
| Заменить стоковые фотографии на собственные | Высокий | Средняя |
| Переработать мобильное меню и шапку | Высокий | Средняя |
| Нарисовать собственную иконографику | Низкий | Высокая |
Обратите внимание на последнюю строку. Собственные иконки — приятная деталь, но на решение обратиться она почти не влияет, а времени забирает много. Такие работы имеет смысл ставить в конец очереди.
Почему это безопаснее для поиска
При постепенном обновлении адреса страниц не меняются, тексты остаются на месте, структура разделов сохраняется. Поиск видит те же документы с обновлённым оформлением, а не новый сайт. Перенаправления не нужны, карта сайта не переписывается, накопленные сигналы никуда не деваются.
Отдельно это важно для страниц, которые уже собирают трафик. Их разумно трогать в последнюю очередь и по одной, отслеживая, что произошло с показами и переходами. Если изменение оформления совпало с падением, вернуть прежний вариант можно за час — при полном редизайне такой возможности нет.
Как измерять эффект каждого шага
Смысл постепенного подхода в том, что каждое изменение можно оценить отдельно. Чтобы это работало, показатели надо снять до начала работ, а не вспоминать о них после.
- Глубина просмотра и доля отказов на страницах, которые меняем.
- Доля посетителей, дошедших до формы, и доля отправленных форм.
- Скорость загрузки до и после: обновление оформления иногда тянет за собой лишние шрифты и скрипты.
- Показы и переходы из поиска по конкретной странице, а не по сайту целиком.
- Обращения по телефону и в почту — их часто забывают, а на страницах услуг они дают заметную долю.
Когда постепенного обновления мало
Есть ситуации, в которых косметика не спасает, и честнее сразу планировать переделку.
- Сайт не адаптивен, и починить вёрстку дороже, чем собрать заново.
- Структура не вмещает новые направления бизнеса: разделы не складываются, навигация растёт вширь.
- Платформа не обновляется, обновления безопасности не выходят, модули не ставятся.
- Наполнять сайт без разработчика невозможно: любая правка текста превращается в задачу.
- Скорость упирается в саму платформу, а не в картинки и скрипты.
Даже в этих случаях переход можно сделать частями: перенести сначала один раздел, проверить его в бою и переносить остальные. Полная остановка сайта на время работ почти никогда не оправдана.
Как не получить лоскутное одеяло
Обновление по частям работает только при общей системе. Цвета, отступы и типографика должны быть заданы переменными в одном месте, компоненты — переиспользоваться, а не копироваться. Иначе через полгода на сайте окажутся три поколения кнопок одновременно, и разница будет заметна на одной странице.
Второе условие — короткие правила, записанные словами. Где какой заголовок, какие отступы между секциями, как выглядит карточка в списке и на странице. Документ на две страницы достаточно дисциплинирует и того, кто верстает, и того, кто наполняет сайт через админку.
Как мы ведём такие работы
| Этап | Что делаем | Что получает клиент |
|---|---|---|
| Разбор текущего состояния | Собираем элементы, находим разнобой, снимаем показатели | Список расхождений и порядок работ |
| Основы оформления | Фиксируем палитру, шрифты, отступы, состояния элементов | Короткие правила и набор переменных в коде |
| Сквозные элементы | Обновляем шапку, подвал, карточки, формы, кнопки | Изменение сразу на всех страницах |
| Страницы по очереди | Переоформляем ключевые страницы, начиная с посещаемых | Возможность оценить каждый шаг отдельно |
| Контроль | Сравниваем показатели до и после каждого шага | Понимание, что сработало, а что откатить |
Если сайт выглядит устаревшим, но переделывать его целиком не хочется, мы разбираем текущее оформление и составляем план обновления по шагам в рамках работ по теме проектирование веб-интерфейсов. Начать можно с типографики и сквозных блоков — это самая дешёвая часть с самым заметным результатом.
