Чек-лист для редизайна сайта: что нужно спланировать перед началом работ

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

Это дело с высокими ставками. Когда процесс редизайна сайта идет не по плану, это обходится дорого. И это случается чаще, чем кто-либо хотел бы признать.

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

Мы реализовали десятки проектов по редизайну веб-сайтов, многие из которых были выполнены в самые краткие сроки. Закономерность одна и та же: проекты, которые проходят гладко, — это те, к которым организации проводят тщательную подготовку, прежде чем привлекать кого-либо еще.

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

Решите, действительно ли вам нужен редизайн сайта или просто его обновление

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

Обновление — это обновление визуального слоя вашего существующего веб-сайта. Новые цвета, шрифты, фотографии, возможно, некоторая доработка CSS и корректировка призывов к действию (CTA). Базовая структура, CMS и код остаются неизменными. Обновление обычно занимает недели, а не месяцы, и стоит значительно дешевле, чем редизайн.

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

Перепроектирование обычно является правильным решением, если :

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

Обновления, вероятно , будет достаточно, если:

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

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

Определите, каких результатов вы хотите достичь с помощью своего нового веб-сайта

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

Здесь задача состоит в том, чтобы превратить разочарование в результат. Необходимо конкретно определить, что именно не получается, как выглядит успех и что зависит от успешного завершения проекта.

Перед началом матча обсудите с командой следующие вопросы:

В чём именно не справляется ваш текущий веб-сайт? Будьте конкретны. «Он выглядит устаревшим» — это симптом. «Заказчики не могут найти страницу для заказа» — это проблема. Назовите конкретные недостатки.
Какие результаты для вас наиболее важны? Выберите несколько конкретных результатов, которые, по вашему мнению, должен обеспечить этот веб-сайт. (Например, больше заказов, более понятные страницы услуг, которые сократят количество телефонных звонков от сотрудников и улучшат взаимодействие с пользователями, более высокая конверсия в контактных формах и т. д.)
Какие организационные приоритеты зависят от этого проекта? Это рекламная кампания? Запуск интернет-магазина? Ребрендинг? Что бы это ни было, назовите это прямо сейчас. Сроки и масштабы редизайна должны будут корректироваться в зависимости от этого, и ваше агентство должно понимать, что поставлено на карту в этой работе.
Существует ли четкий крайний срок запуска, и что именно его определяет? Ясное понимание причин установления крайнего срока позволяет принимать обоснованные решения в условиях сжатых сроков.
Как будет выглядеть измеримый успех через шесть месяцев после запуска? Сосредоточьтесь на цифрах. Выберите показатели сейчас, чтобы позже можно было реально оценить проект.

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

Добейтесь организационного согласия, прежде чем привлекать кого-либо к работе

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

Вот работа, которую необходимо выполнить до начала матча, а не во время него.

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

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

Запишите их имена, а затем определите, действительно ли их взгляды соответствуют цели этого веб-сайта и его основной целевой аудитории.

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

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

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

Определите внутренние роли и обязанности

Как только вы определитесь с направлением, уточните, кто за что отвечает.

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

Перед началом работ необходимо четко определить следующие моменты:

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

Проведите аудит контента и решите, что стоит сохранить

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

Перед первой встречей с агентством тщательно просмотрите каждую страницу вашего сайта. Цель — составить простой перечень контента, который покажет, что у вас есть, что работает, а что стоит перенести.

Задайте себе вопрос:

Какие страницы действительно показывают хорошие результаты? Проверьте аналитику трафика, конверсий и позиций в поисковой выдаче. Это ваши самые ценные целевые страницы, и для них нужен план миграции, а не догадки.
Какие страницы устарели, дублируют существующий контент или не соответствуют вашему бренду? Если страница больше не отражает вашу сущность, удалите ее.
Какие страницы нуждаются в переработке, а какие — в легкой редактуре? Будьте честны. Страница, которой нужен новый формат, новые примеры и новый призыв к действию, нуждается в переработке, а не в доработке.
Какого контента полностью не хватает? Подумайте о страницах, которые нужны вашей аудитории, но которых еще нет. Часто именно здесь редизайн приносит наибольшие результаты в стратегии контент-маркетинга.
Актуален ли ваш существующий контент? Если вы планируете переносить страницы напрямую, они должны быть достоверными и актуальными до переноса. Перенос некачественного контента создаст больше работы, а не меньше.

Создайте простую электронную таблицу: название страницы, URL, трафик, сохранить/переписать/удалить, владелец, статус. Не обязательно использовать сложные таблицы. Хорошее агентство-партнер может провести с вами аудит контента или предоставить готовую структуру, но в любом случае привлеките свою команду по коммуникациям для обеспечения согласованности действий.

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

Проведите инвентаризацию и систематизацию ваших визуальных материалов

Заранее подготовьте необходимые визуальные элементы, прежде чем они начнут тормозить работу системы.

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

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

Несколько вопросов для самостоятельной работы:

Актуальна ли ваша фотография? Если ваша экспертиза эволюционировала, то и ваши изображения должны развиваться.
Есть ли у вас видеоматериалы? Есть ли у них субтитры, актуальны ли они и пригодны ли для использования в современных форматах?
У вас есть разрешение использовать всё?

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

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

Выявляйте свою аудиторию и проявляйте к ней эмпатию

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

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

Пользовательский опыт (UX) у каждого из них различен, и хороший веб-сайт создает у каждого из них ощущение, будто он был создан специально для него.

Несколько вопросов, которые стоит уточнить:

На какие вопросы необходимо ответить каждой целевой аудитории, прежде чем она предпримет какие-либо действия?
Что может заставить человека уйти, не совершив покупку, и как новый сайт решит эту проблему?
Чьи потребности исторически оставались без должного внимания на вашем нынешнем веб-сайте?
Есть ли аудитории, которые вы пытаетесь расширить или перенаправить?

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

Прежде чем приступить к разработке дизайна, уточните свою позицию и основные тезисы

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

Прежде чем приступать к проектированию, изучите основные моменты:

Можете в двух-трех предложениях объяснить, чем занимается ваша организация, для кого она предназначена и почему это правильный выбор?
Отражает ли ваш нынешний слоган то, кем вы являетесь сегодня? Многие организации развиваются быстрее, чем их коммуникационная стратегия успевает за этим развитием. Слоган, который был эффектным пять лет назад, сейчас может звучать расплывчато.
Что делает ваш выбор более предпочтительным по сравнению с альтернативами? Назовите, что склоняет чашу весов в вашу пользу.
Сможет ли незнакомец понять, чем вы занимаетесь, менее чем за 10 секунд, просмотрев информацию на вашей главной странице? Проверьте это. Спросите кого-нибудь, кто никогда о вас не слышал, и засеките время.
Какое самое важное действие вы хотите, чтобы совершил посетитель, зашедший на сайт впервые? Выберите то, что наиболее важно для достижения целей вашего бизнеса, и разработайте призывы к действию (CTA) вокруг него.

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

Оцените свою техническую экосистему

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

У вас заключен контракт, и когда он будет продлен? Вам ведь не хочется в середине проекта обнаружить, что вы привязаны к инструменту, который планировали заменить.
Какими платформами вы довольны , а какие надеетесь изменить?
Интегрируется ли ваша CRM-система с вашим текущим сайтом без проблем? Если нет, следует ли включить её в новый дизайн?
Потребуется ли вашему новому веб-сайту автоматически передавать данные из форм, заказы, регистрации на мероприятия или другие данные в вашу CRM-систему? Четко спланируйте интеграции.

Есть еще несколько технических моментов, которые следует учесть:

Оптимизация сайта для мобильных устройств: в 2026 году это не обсуждается. Если ваш текущий сайт плохо отображается на мобильных устройствах или медленно загружает страницы, это необходимо исправить в новой версии.
CMS: Вы остаетесь на Bitrix, переходите на CMS на Laravel, или полностью отказыватесь от CMS? Используете ли вы собственное решение? Выбор повлияет на стоимость, обучение и текущее обслуживание.
Доступность и соответствие требованиям: Закон о ПДн (152-ФЗ), маркировка контента иноагентов (255-ФЗ), закон об использовании русского языка публично (168-ФЗ), а также любые отраслевые требования — все это должно быть включено в проект с самого начала, а не добавляться в конце. Это важно для удобства использования, доступности и создания удобного для всех дизайна.

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

Определите базовые показатели аналитики и SEO

Редизайн веб-сайта — это важное событие в области SEO , независимо от того, планируете вы его или нет. Прежде чем вносить какие-либо изменения в URL-адрес, вам необходимо четко понимать, что делает ваш текущий веб-сайт, чтобы установить базовый уровень для измерения производительности нового веб-сайта.

Начнём с основ:

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

Для каждого URL-адреса на старом веб-сайте необходимо принять взвешенное решение: оставить его, перенаправить на новый URL или полностью закрыть. Каждое перенаправление должно быть 301 (постоянное), а не 302 (временное). Карта перенаправлений должна быть создана до запуска, протестирована на тестовом сервере и проверена в течение нескольких дней после запуска нового веб-сайта. Без этого можно потерять месяцы или годы поискового трафика за один запуск.

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

Планирование после запуска: техническое обслуживание, обучение и текущие потребности

Запуск сайта — это начало работы. Перед запуском необходимо четко определить следующие моменты:

Кто будет обновлять сайт после запуска, и насколько хорошо они знакомы с инструментами для обновления сайтов? Если ваша команда по обновлению не обучена работе с новой CMS, сайт быстро устареет.
Какие возможности CMS им действительно необходимы? CMS, для добавления записей в блог которой требуется разработчик, — это CMS, которую ваша команда будет избегать использовать.
Как часто потребуется обновлять контент? События, биографии сотрудников, страницы программ, новостные сообщения, отчеты о результатах: отслеживайте периодичность обновления, чтобы веб-сайт соответствовал этому графику.
Потребуется ли вам постоянная поддержка агентства для технических обновлений, SEO, контент-стратегии или работы над кампаниями? Многие потребности после запуска предсказуемы. Запланируйте их уже сейчас.
Как выглядит успех через 30, 90 и 180 дней после запуска? Установите метрики сейчас, чтобы позже можно было реально измерить эффективность работы сайта в соответствии с ними.

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

У вас всё получится!

Перепроектирование — это стартовая площадка. Помните: НАСА не ждало, пока «Артемида II» выйдет на орбиту, чтобы определить, куда её отправить. Они проработали эти детали как минимум за пару дней до этого;-)

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

Пока не готовы к общению с агентством? Это тоже нормально. Возьмите этот распечатываемый бриф на следующее совещание по планированию, чтобы помочь вашей команде скоординировать действия: