Желтый попугай приводит себя в порядок

Редизайн: этапы обновления сайта

У большинства компаний есть свой сайт. Как эффективный маркетинговый инструмент, он позволяет получать новых лояльных клиентов. Но зачастую бывает так, что сайт был создан много лет назад, и его содержимое не соответствует современным трендам или вовсе является неудобным для пользователей. А если сайт неудобен, пользователь уйдет с него и не станет клиентом компании. Проблема довольно серьезная, но ее можно решить – провести редизайн сайта!

Редизайн – это кардинальное обновление сайта. Меняется абсолютно все – от общей структуры ресурса до дизайна самых мелких кнопок. Это довольно кропотливый процесс и включает в себя несколько этапов.

Первый этап — анализ существующего сайта

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

  • Структура сайта;
  • Система управления сайтом и ее особенности (в случае, если она была использована при разработке старого сайта);
  • Скорость загрузки сайта;
  • Дизайн страниц и юзабилити;
  • Тексты на страницах.

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

Второй этап — проработка структуры

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

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

Девушка рисует новую структуру сайта

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

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

Третий этап — проработка юзабилити и дизайна страниц

Определите свои пожелания по дизайну – ответьте для себя на несколько вопросов:

  • Каким вы видите свой новый сайт? Ярким, запоминающимся? Или спокойным и выдержанным?
  • Должен ли ваш сайт соответствовать брендбуку?
  • На что дизайнеру стоит обратить внимание в первую очередь?
  • Какие элементы важны в дизайне? Что должно быть обязательно, а что ни в коем случае не должно присутствовать на сайте?

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

В случае, когда вы не представляете, каким будет ваш новый сайт, вдохновитесь примерами стильных сайтов из вашей сферы деятельности. Также можете посмотреть работы дизайнеров с порталов Behance, Dribble и Pinterest. Таким образом, вы увидите тренды юзабилити и примените какие-то идеи у вас в проекте.

Ваши предложения по новому сайту станут основой технического задания (ТЗ) для дизайнера. Обстоятельное ТЗ позволит вам добиться от итоговых макетов максимального соответствия вашим пожеланиям.

Четвертый этап — верстка готового сайта

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

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

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

Человек работает за компьютером

Чтобы подобных ошибок возникало как можно меньше, вам стоит прописать подробное ТЗ. В этом документе уделите внимание предпочтительной CMS, а также особенностям работы страниц сайта. В разработке ТЗ может участвовать и дизайнер, разрабатывавший макеты, поскольку он четко представляет, как должен работать тот или иной элемент сайта.

Пятый этап — обновление контента

Вёрстка завершилась, сайт почти готов. Осталось дело за контентом.

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

В создании текстов нужно использовать и семантическое ядро. В каждый текст добавляйте по 3-5 ключевых слов, соответствующих его тематике. И не переполняйте контент ключевиками: помните о показателе «тошноты». Чем больше в тексте неестественно используемых ключевых слов, тем выше и степень «тошноты». Это может привести к недовольству поисковых систем и, как следствие, существенному снижению посещаемости.

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

Дополнительные настройки

Процесс редизайна сайта завершен. Осталось несколько важных деталей:

  • Осуществить конечные SEO-настройки: добавить файлы sitemap и robots.txt, прописать теги Title, Description и Keywords;
  • Перенести сайт на хостинг и присвоить доменное имя, которое было у старого сайта;
  • Подключить сайт к инструментам Яндекс Вебмастер и Google Search Console;
  • Подключить сайт к системам аналитики Google Analytics и Яндекс Метрика.

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