Site Elite Studio
Site Elite Studio
5 мин. читать
2560 показов
889 открытий

Редизайн — это выгодно! Наглядные примеры на сайтах заказчиков

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

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

Ключевая цель редизайна — сделать сайт не просто эстетичнее, но и дружественнее:

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

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

Улучшение юзабилити при редизайне

Вот пример кейса, где мы наряду с обновлением устаревшего дизайна перенесли сайт на новую систему управления — от WordPress заказчик ушел на CMS MODX. Понятно, что менять CMS не обязательно, но в данном случае проще было провести работы комплексно

По этим иллюстрациям можно представить, как выглядел сайт до редизайна:

Первый экран на старом дизайне / Первый экран на новом дизайне

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

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

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

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

Соответственно, страницы в разделе каталога на сайте заказчика мы изменили таким манером:

Страница товара на старом дизайне / Страница товара на новом дизайне

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

Шапка на старом дизайне
Шапка на новом дизайне

А коммерческие блоки с полезной информацией об этапах работы или, скажем, с УТП визуализировали как можно более наглядно.

УТП на старом дизайне / УТП на новом дизайне

Сохранение позиций в выдаче

Что насчет позиций в выдаче, о которых, как мы помним, часто беспокоятся заказчики? В данном кейсе, например, сайт изначально располагался в топ-10 по продвигаемым ключам:

Ухудшение позиций по итогам редизайна и смены системы управления однозначно исключалось.

Что мы сделали, чтобы не допустить такого развития событий?

Новый сайт — на новой CMS — мы изначально разместили на тестовом домене. И еще до переноса свободно спарсили (соотнесли для сравнения и корректировки) HTML-структуры исходного и нового веб-ресурсов.

Вот так выглядела таблица сопоставления, куда мы скрупулезно включили и основной контент страниц, и значения метатегов, и перечни URL-адресов:

Алгоритм действий был таким:

  1. Сперва провели парсинг. Такие элементы, как характеристики товаров в каталогах, импортировались автоматически, что заметно облегчило работу.
  2. Затем подготовили детализированную таблицу сопоставления.
  3. Выполнили перенос «урлов», базового контента с метатегами и счетчика Яндекс Метрики с одного сайта на другой, новый.
  4. Перенастроили цели в системах веб-статистики. Потребовалось поменять целую группу элементов — формы обратной связи, СТА-кнопки, телефоны и др.
  5. Провели обновление файла robots.txt, т. к. сменились все адреса административной панели, файлы стилей, скриптов и прочее.

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

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

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

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

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

Листинг на старом дизайне / Листинг на новом дизайне

Бывает, что роста конверсий удается добиться за счет редизайна одной-единственной страницы на сайте. Например, так мы реализовали подобное для корзины на сайте пекарни:

До редизайна / После редизайна

В первоначальной версии форма заказа в корзине занимала столько места на экране, что казалось, будто заполнять форму придется целый день. Сроки оформления заказов устремлялись в бесконечность. Меняя дизайн, мы проследили за тем, чтобы форма выглядела более компактной, не отпугивала покупателей своим видом. В итоге число оформлений заказов из корзины выросло на 60%!

Грамотный редизайн — это полезно!

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

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

2560
0

Подпишитесь на еженедельный
дайджест

Редакция отбирает лучший контент за неделю и отправляет его на вашу почту

Cпасибо за подписку!

Письмо с подтверждением отправлено на адрес . Если вы не можете найти письмо во входящих, проверьте папку спама

Рекомендации

только для зарегистрированных
только для зарегистрированных
Подтвердите действие
Точно?
Сообщение
Текст
Подтвердите действие