Запуск редизайна по разделам

Запуск редизайна: разделение по этапам

Как анализировать текущее состояние продукта и определить приоритеты

Перед тем как разделить редизайн по разделам, нужно понять, что конкретно ломается. Не предположения — необходимые данные из Search Console, Analytics и аналитики поведения пользователей.

Какие метрики смотрят в первую очередь: органический трафик по разделам сайта (где приходят люди из поиска), поведение пользователей на каждой странице (время на странице, глубина сеанса), отказы и точки выхода (где люди закрывают браузер). Если главная страница теряет 35% посетителей в первые 10 секунд, а личный кабинет — 8%, редизайн главной — первый приоритет для потребностей бизнеса.

Боли видны в самой аналитике поиска. Страница занимает позицию 5-10 в поисковой системе, но конверсия 0.5% — значит, необходим редизайн. Конверсия упала, когда вы обновили контент два месяца назад? Причину ищут именно там.

Много данных могут показать, где теряются пользователи. В воронке оформления заказа конверсия падает на 60% на этапе заполнения адреса — редизайн этого шага даст результат. На странице услуг время на странице 8 секунд, а у конкурентов 35 — новая структура сайта необходима.

Три критерия разделения редизайна

Первый критерий — бизнес-значимость разделов

Главные страницы сайта компании переделывают первыми: главная, оформление заказа, поиск товаров (для интернет-магазина), личный кабинет (для сервисов с аккаунтами). Эти разделы приносят трафик и выручку. Вспомогательные разделы (Контакты, О компании, FAQ, блог) идут в конце. Разделы сайта ранжируют по доходу, который они генерируют.

Пример редизайна: у магазина главная страница приносит 40% органического трафика и конверсию на покупку 2.1%, раздел блога — тоже 40% трафика, но конверсию 0.2%. Главная в первый этап, блог во второй.

Второй критерий — техническая сложность редизайна

Главная страница зависит от десятков элементов: баннеры, блоки рекомендаций, новый контент, интеграции с системами маркетинга. Один неправильный сдвиг — сломается вся верстка. Страницы с простой структурой (обычная статья контента, страница услуги) переделывают легче и быстрее.

Сложность оценивают по количеству компонентов дизайна и их зависимостей. Если раздел состоит из 50+ уникальных блоков и интеграций — это месячный проект. Если из 3-5 стандартных блоков — неделя действий работы.

Третий критерий — риск потери текущих процессов

Главная страница, личный кабинет, форма оформления заказа — критические зоны. Если при редизайне главной что-то сломается, потеряется 30-50% трафика. Если упадёт страница со статьёй контента, потеря 1-2%. Риск-значимые разделы делают медленнее, с большим количеством тестирования.

Какие виды редизайна существуют

Полный редизайн сайта. Меняются макеты, верстка, визуальный стиль, весь дизайн сайта. Используют, когда сайт устарел или нужна принципиально новая стратегия. На полный редизайн уходит 3-4 месяца даже на среднем объёме работы.

Технический редизайн. Пользователи видят старый дизайн, но под капотом всё переписано. Новый код, быстрая скорость загрузки, SEO-оптимизированность, готовность к будущим улучшениям. Длится 1-2 месяца; результаты не видны сразу в органическом трафике.

Частичный редизайн по разделам. Меняют отдельные разделы сайта, сохраняя общую архитектуру. На каждый раздел — от 2 недель до месяца работы. Это модель Netflix, Figma и Airbnb.

Netflix переделала сначала домашнюю страницу, потом плеер видео, потом интерфейс аккаунта и управления подпиской. Каждый этап запуска новой версии тестировался с пользователями перед полным развёртыванием. Figma обновляла интерфейс блоками: сначала панель инструментов, потом меню, потом рабочая область. Airbnb делала мобильную версию фазами: поиск жилья, результаты поиска, оформление бронирования.

Их решения показывают результат: минимум потери трафика, пользователи привыкали к изменениям постепенно, команды не срывали сроки.

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

Первый этап (две недели): главная страница и навигация сайта. Это фундамент. Если здесь хорошо, пользователи дальше идут.

Второй этап (три-четыре недели): основные разделы содержимого и текстового контента. Страницы товаров в каталоге, статьи, структура поиска обновляются.

Третий этап (две недели): личный кабинет, профиль пользователя, история заказов и записи.

Четвёртый этап (одна неделя): вспомогательные разделы: контакты компании, информация, FAQ-блок, архивный контент в блоге.

Вся процедура запуска от начала до стабилизации — несколько месяцев работы. Netflix затратила 4 месяца. Figma — 3 месяца на полный редизайн интерфейса. Airbnb — 6 месяцев на мобильное приложение.

Техническое задание перед началом редизайна

Документируют до начала работ:

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

Фирменный стиль — цвета, шрифты, иконки, логотип, принципы размещения элементов на каждой странице. Что переносится в новый дизайн обязательно.

Переносимость персональных данных пользователей — при смене архитектуры сайта данные кабинета пользователя не теряются. Обработку персональных данных гарантируют при согласии на обработку — требование закона и клиентов.

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

Создание макетов и прототипа для каждого этапа

На первом этапе:

Макеты — 5-7 вариантов новой версии дизайна каждой ключевой страницы в Figma. Показывают заказчику, правки вносят здесь по кликам.

Интерактивный прототип — кликабельная версия. Видно, как страницы переходят друг в друга, как работает навигация и элементы пути.

A/B-тесты — старый URL vs новый адрес. На реальных пользователях. Какая лучше по конверсии, времени на странице, отказам и показателям.

Результат A/B определяет, идти ли дальше или возвращаться к рисованию.

Как распределить ресурсы под потребности бизнеса

Дизайнеры: на критичные разделы (главная, поиск) по два дизайнера. На остальное — один специалист.

Разработчики: соотношение к дизайнерам примерно 1:2 или 1:3. Верстка и логика кода требуют достаточно времени.

Аналитики: отслеживают метрики и показатели после каждого этапа. Упала конверсия? Откатываются.

PM: следит за графиком и порядком действий, согласует между командами решения в рамках сроков.

Каждый этап: анализ → дизайн → разработка → тестирование → A/B на живых пользователях.

Важные технические моменты при редизайне

Когда меняется структура сайта и адреса страниц при смене CMS, нужны редиректы (301) со старого URL на новый адрес. Забыли про карты редиректов — потеряли весь поисковый трафик, ссылки со стороны внешних сайтов. Search Console долго показывает ошибки 404 по битым ссылкам.

Проверьте индексацию обновленной версии. Боты Яндекса и Google должны видеть новые страницы. Если запретили индексацию случайно в robots.txt, позиции в поиске упадут.

Сохраните ссылки на старые URL, если там был полезный контент материала. Редиректьте на близкий по смыслу новый раздел.