Редизайн сайта: перемены — к лучшему!

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

Как правило, крупные организации вносят изменения в дизайн сайта каждые 2−3 года. Владельцы ресурсов, которые не обновлялись более пяти лет, не могут не заметить, как сильно их площадки уступают более продвинутым конкурентам. Речь не только о внешнем виде, но и о продажах. Актуальный, интересный, яркий сайт повышает лояльность пользователей, ведь, выбирая из двух ресурсов одной тематики, мы в большинстве случаев отдаем предпочтение более достойному с точки зрения юзабилити варианту. Не пора ли и вам задаться вопросом: что такое редизайн сайта?

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

Поговорим об объективных причинах, которые говорят о том, что сайту необходим редизайн:

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

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

Снижение конверсии. Вы стали замечать, что веб-ресурс начал хуже продавать? Если трафик не изменился, возможно, причина в сезонности. Но если время, проведенное пользователями на сайте, продолжает сокращаться вместе с количеством просмотренных страниц, а конверсия падает и падает, пора пересмотреть контент.

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

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

У конкурентов лучше. Любую компанию всегда будут сравнивать с конкурентами. Важно сделать все возможное для того, чтобы выделиться, запомниться. С помощью агрегаторов и ТОПа выдачи можно сравнить цены, но цена — не единственный критерий выбора продукта. Многие покупатели опираются на содержание предложений. Загляните в прайс-навигатор и изучите предложения по любому модному мобильному гаджету — больше всего переходов будет у того, кто смог обратить на себя внимание.

Вам нужен редизайн сайта, если вы замечаете, что у конкурентов:

1. Визуально более интересное оформление.
2. Есть хорошие идеи, которые можно внедрить на своем ресурсе.
3. Увлекательный контент, заставляющий задержаться на несколько минут.
4. Настолько классный сайт, что хочется незамедлительно купить продукт или заказать услугу.

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

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

Новые направления бизнеса. Любой проект со временем претерпевает изменения — появляются новые продукты и услуги, пересматриваются направления. Подобные перемены требуют пересмотра концепции и формата презентации.

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

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

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

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

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

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

Чаще всего проблемы с навигацией возникают, если:

1. Сайт резко вырос и изначальная структура каталога более не соответствует количеству категорий и товаров.
2. Присутствуют лишние разделы, функции и блоки, заложенные «про запас» и «на всякий случай».

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

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

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

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

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

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

Что касается менеджеров по продажам, то их мнение особенно важно, так как они общаются с посетителями сайта на ежедневной основе. Задайте им следующие вопросы:

1. Нравится ли клиентам текущий функционал площадки?
2. Что не нравится клиентам в оформлении сайта, какие проблемы возникают при работе с ним?
3. Какие вопросы чаще всего задают менеджерам?
4. В какой дополнительной информации нуждаются клиенты?

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

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

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

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

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

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

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

Отказавшись от тестирования вы рискуете столкнуться с тем, что новые элементы окажутся неудачными. Кто знает, как на это отреагируют пользователи? Скорее всего, придется возвращать старую версию.

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

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

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

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

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

Несколько советов тем, кто планирует редизайн:

1. Не делайте глобальный редизайн, который изменит концепцию сайта.
2. Тестируйте отдельные решения на фокус-группе и только потом добавляйте их в полную версию.
3. Помните о необходимости адаптировать сайт под мобильные устройства. Дизайн должен разрабатываться сразу для нескольких форматов.
4. Учитывайте требования SEO-оптимизации.
5. Регулярно интересуйтесь мнением пользователей, стремитесь получать обратную связь.
6. Думайте о новом контенте заранее. Он должен быть информативным и полезным для посетителей. Этим вы облегчите коммуникацию между клиентами и менеджерами.

Как правило, редизайн подразумевает смену стиля оформления, цветового решения, шрифтов. Могут быть заменены логотипы, добавлена анимация, усовершенствован HTML код. Заодно стоит поработать над юзабилити, чтобы навигация по сайту стала максимально удобной.

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

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