Что такое редизайн и как его сделать?

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

Редизайн можно делать каждые 2 года, можно – раз в 3-4 года. Но точно не стоит оставлять все в точности таким, как было, дольше 5 лет. Почему? На это есть несколько весомых причин, но давайте сначала определимся с тем, что значит редизайн.

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

1. Редизайн логотипов (имеет место, если лого устарело, неудобно в использовании, несовременно выглядит. Или если продукт изменился, произошли изменения в политике компании, слияние двух компаний, поглощение и т. д.) Цена редизайна логотипа зависит от того, насколько четко поставлена задача. Такой же принцип распространяется и на брендинг сайта.
2. Изменение цветового решения, шрифтов, стиля оформления (использование современных тенденций, индивидуальный запоминающийся дизайн, соответствие измененному логотипу).
3. Добавление/изменение контента (удаление устаревших рубрик и разделов, замена изображений на более современные и качественные, соответствующие тематике; обновление текстового наполнения). Избавление от неактуального контента позволяет ускорить загрузку страниц, что приветствуется поисковыми системами.
4. Внедрение анимированных элементов (создает ощущение взаимодействия, при правильном использовании хорошо влияет на конверсию).
5. Проработка HTML-кода (важно для поискового продвижения).
6. Оптимизация юзабилити (удобное меню, навигация по сайту, поисковые фильтры, возможность ориентироваться интуитивно).

Пример: редизайн на сайт завода энергетического оборудования (http://www.bzeo.biz/)

Командой «Бизнес Сайт» был проведен глубокий редизайн.
Работа по модернизации заключалась в переориентации сайта из презентационного в продающий.

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

1. Перемещение сайта на новую CMS.
2. Проведение поисковой оптимизации, которая требует от сайта быстрой загрузки и чистого кода.
3. Аналитические данные свидетельствуют о том, что сайт стал менее интересен посетителям, на нем проводят мало времени, существенно упала конверсия. Требуется обновление контента, проработка оформления.
4. Сайт выглядит устаревшим, проигрывает конкурентам.
5. Освоение компанией новых горизонтов, расширение сферы деятельности, изменение маркетинговой политики, модернизация продукта.
6. Выход компании на новый рынок, расширение или изменение целевой аудитории.
7. Расширение перечня услуг или ассортимента продукции, которые необходимо презентовать на сайте.

Пример: редизайн магазина штор (shtorka.ck.ua)

Причиной обращения в веб-студию «Бизнес Сайт» стал устаревший дизайн. Компания стремительно росла и развивалась.

В какой-то момент масштабы деятельности перестали соответствовать названию бренда и соответствующему логотипу. Возникла потребность сделать ребрендинг сайта:

• изменить имя,
• сделать редизайн лого.

Соответственно, кардинально изменилось и оформление сайта:

• улучшилась навигация,
• акцентировались продающие моменты: перечень преимуществ, триггеры, спектр услуг, примеры работ, контактные данные.

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

1. Визуальный. Включает изменения в цветовом оформлении, появление новых изображений, анимации. Дизайн остается тем же по своей сути, но выглядит свежим. Визуальное обновление может улучшить конверсию, но может и не принести ожидаемых результатов, если предыдущий вариант оформления больше нравился пользователям. Поэтому перед тем, как сделать редизайн такого типа, стоит взвесить все «за» и «против».
2. Функциональный. Это более глубокая переделка сайта, которая затрагивает навигацию, рубрики, разделы, меню, фильтры. Необходимость сделать функциональный редизайн дизайна сайта возникает тогда, когда ресурс становится неудобным для пользователя. Независимо от того, какой сайт перед нами, очень важно, чтобы каждый посетитель мог быстро найти нужную информацию. Если со временем количество информации все увеличивалось, а оптимизация юзабилити не проводилась, — пришло время сделать функциональный редизайн.
3. Технический. Это апгрейд сайта, который затрагивает программный код. Усилия исполнителя направлены на оптимизацию кода, уменьшение длительности загрузки страниц. Все это влияет на позиции сайта в поисковой выдаче.
4. Глубокий редизайн. Затрагивает оптимизацию и визуальных элементов, и функционала, и кода.

Пример: глубокий редизайн лендинга по трудоустройству за границей (hrqunited.com.ua)

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

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

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

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

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

1. Разработка концепции. С чего начать редизайн сайта, как не с планирования будущих изменений. На этом этапе можно оценить сайты конкурентов, продумать позиционирование. Проанализировать, какие элементы на сайте стоит оставить, какие – лишние, что необходимо добавить или обновить в оформлении и функционале. Как сделать ресурс удобным и понятным пользователям.
2. Подготовка нового текстового контента, с ориентаций на который будет создаваться макет.
3. Создание макета сайта на основе утвержденной концепции.
4. Верстка сайта. На этом этапе дизайн макета воплощается в жизнь. Создается сайт, ориентированный на пользователей ПК или на более широкий сегмент аудитории, включающий пользователей мобильных устройств.
5. Программирование. На этом этапе изменения вносятся в программный код, выполняется оптимизация, предпринимаются действия для ускорения загрузки страниц.
6. Проверка функциональности. На этом этапе сайт тестируют после изменений, проверяя на работоспособность, удобство, отсутствие ошибок.

Как правило, цена на редизайн сайта в Киеве и других городах включает все эти этапы.

Пример: редизайн интернет-магазина Парус Плюс (parusplus.com.ua)

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

• Редизайн магазина начали с оформления: в дополнение к голубому цвету из логотипа выбрали зеленый.
• Товары разделили на группы и распределили их как в горизонтальном меню, так и на главной, с перечнем подпунктов.
• Добавили рубрику с хитами продаж.
• Внедрили «умный» поиск.
• Проработали функционал корзины.
• Разместили рядом с контактами кнопку для заказа обратного звонка.
• Дизайн сделали полностью адаптивным, удобным для совершения покупок с мобильных устройств и стационарных.
• Проработали код в рамках базовой поисковой оптимизации.
• Перевели магазин на CMS Битрикс и настроили админпанель.

1. Отсутствие видения конечного результата. Приступая к редизайну, нужно четко понимать, каким должен стать сайт на выходе. Особенно важно поставить детальное ТЗ исполнителю, если вы делегируете эту работу.
2. Скупой платит дважды. Если вы стараетесь максимально сократить перечень работ и выбираете исполнителя по принципу: чем дешевле цена редизайна сайта, тем лучше, то результат вас вряд ли порадует. Лучше инвестировать в качественную работу, чем лишиться возможностей развития и увеличения прибыли в будущем.
3. Бесконечный полет фантазии. Часто в оформлении сайта владелец хочет видеть сразу все модные фишки и современные тенденции дизайна. При этом удобство для пользователей часто отодвигается на второй план. В итоге можно получить сайт, от которого владелец в восторге, а пользователи ощущают себя некомфортно и, как следствие, не совершают конверсионных действий.
4. Не понимание специфики работы. Чтобы сайт преобразился, нужен не только дизайнер, но и специалист, который обеспечит функциональность и проработает техническую часть. Доверять редизайн корпоративного сайта, лендинга, визитки, интернет-магазина лучше профессиональной веб-студии.
5. Нужно «на вчера». Не стоит требовать от исполнителя слишком быстрых результатов. Это может негативно сказаться на качестве. К тому же, профессионалы своего дела предпочитают не работать с теми, кто хочет получить работу в максимально сжатый срок. Лучше подождать и получить красивый и удобный сайт, который будет давать стабильно высокую конверсию.

Пример: редизайн магазина измерительных приборов (www.evm.ua)

Устаревший стиль дизайна интернет-магазина специалисты веб-студии «Бизнес Сайт» заменили новым, современным. Акцент переместили с контентной части на сам товар.

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

Чтобы обновленный дизайн повышал позиции в поисковой выдаче и seo продвижение сайта стало ещё эффективнее, важно соблюсти следующие требования:

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

Более подробную информацию на эту тему Вы можете получить из статьи «Влияет ли дизайн на SEO-продвижение сайта?»

Пример: редизайн сайта веб-студии «Бизнес Сайт»

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

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

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

И да, доверяйте редизайн только профессионалам своего дела. Таким, как веб-студия «Бизнес Сайт». Закажите профессиональный дизайн сайта у нас!

Источник: https://www.site2b.com.ua/web-blog/site-redesign.html

Как делать редизайн страниц на сайте: сбор данных, контент, дизайн

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

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

Зачем редизайнить страницу на сайте?

Я вижу несколько причин, по которым можно захотеть переделать страницу на сайте.

1. Ради красоты.
2. У страницы низкая конверсия.
3. У страницы высокая конверсия, но много нецелевых заявок.

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

Если редизайн задумали, потому что страница приносит мало заявок, придётся разбираться, смотреть аналитику, видеозаписи посещений страницы, проводить исследование с целевыми клиентами.

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

Возможно, продукт не востребован рынком или у него узкая целевая аудитория.

Эстетическая сторона нам тоже не нравилась. Мы готовили страницы услуг на сайте, когда перезапускали сайт в мае 2018 года. Тогда нам было важнее запустить новый сайт скорее, чем сделать всё идеально. Теперь мы допиливаем то, что недополучило внимания во время перезапуска. Тем более, что тогда у нас не было выделенного под внутренние агентские задачи дизайнера, а теперь есть.

С какой страницы начать редизайн

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

Во-первых, самое большое количество заявок — 17% на тот момент приходило со страницы «email-маркетинг под ключ»:

(статистика за месяц)

Во-вторых, на «Email-маркетинг под ключ» в меню среди услуг кликают чаще всего:

Так что решили начать с неё.

Что изучить перед редизайном

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

Посмотреть метрики

• В первую очередь смотрим на цифры — сколько заявок приносит нынешняя страница, сколько из них целевых.
• Мы посчитали конверсию страницы за месяц — к тому моменту это максимальный период, за который мы могли взять данные — до этого аналитика на новом сайте не была настроена.
• Конверсия страницы в заявку — 2,13%
• Конверсия страницы в целевую заявку — 1,22%

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

Посмотреть видеозаписи посещений

Мы смотрим видеозаписи посещений в вебвизоре Яндекс.Метрики. Это помогает понять, как пользователи взаимодействуют с контентом. Лучше всего составлять табличку и вносить в неё свои наблюдения:

источник | ключевое слово (если есть) | длительность посещения | заметки

В заметках я записываю, насколько внимательно пользователь смотрел страницу, возвращался ли к какому-то месту и т.д.

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

В нашем случае мы поняли, что в основном пользователи не читают текст, быстро пролистывают страницу туда-сюда. Изредка досконально изучают страницу.

1. Возможно, проблема в оформлении текста. Вот так выглядят наши страницы услуг и так же выглядела «Email-маркетинг под ключ» до редизайна:
2. 
3. Такой скучный текст не вызывает желания его читать, не хватает визуальных якорей — чего-нибудь, что привлекало и удерживало бы внимание.

Изучить, что нужно клиентам

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

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

Провести интервью с менеджерами по продажам

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

Моё интервью с продажниками состояло из следующих вопросов:

1. Что ценят текущие клиенты в работе с Email Soldiers?
2. Что не нравится текущим клиентам в работе с Email Soldiers?
3. Почему клиент может уйти?
4. Какие ожидания у тех, кто оставляет заявку?
5. Что вы рассказываете лидам при первом общении?
6. Как ты доносишь ценность наших услуг?
7. Какие решения они применяют до того, как обратиться к нам?
8. На что жалуются в работе с другими агентствами?
9. Как выглядит идеальный клиент?

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

Собрать выводы

Хороший контент находится на пересечении потребностей клиентов и компании:

Предыдущие этапы помогли мне понять и вопросы клиентов, и потребности компании, так что я смогла собрать вот такую табличку:

Написать контент

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

1. Объяснить, что клиент получит в результате работы. Он должен очень хорошо это понимать, буквально потрогать результат. На странице «Email-маркетинг под ключ» мы описали этапы работы и рассказали, как будем измерять эффективность.
2. Донести ценность. Важно, чтобы клиент понял, почему нужно работать именно с нами, а не с кем-то другим. Конечно, это достигается не одной страницей, а планомерной работой над контентом и маркетингом. Однако в контексте одной страницы это тоже очень важно. Чтобы показать, что с нами стоит работать, мы добавили блок с результатами других проектов.

Отрисовать дизайн

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

Дизайнерские решения на обновлённой странице

Блок с результатами в самом начале:

Считаю, что эта информация волнует клиентов и внушает им доверие, поэтому разместили вверху.

По клику на картинку с отчётом Power Bi в поп-апе открывается настоящий дашборд, в который можно потыкать:

Это даёт возможность «потрогать» результат.

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

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

И, хотя у нас сильная команда, это чревато разочарованием — Ваню знают больше остальных.

Так что мы оставили вот такой вариант:

И всё-таки сомнения есть. Может быть, стоило оставить фотографии? Был ли у кого-то из читателей такой опыт? Поделитесь в х:)

Цены

Во-первых, цена — это важный фильтр, подойдём ли мы клиенту или нет. Во-вторых, вопрос цены волнует клиентов.

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

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

Если получим интересные результаты, обязательно поделимся.

Вывод

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

Результат в цифрах мы пока осознаём — проводим тест, следим за заявками. Если будет, что рассказать, поделимся.

Источник: https://emailsoldiers.ru/blog/algorithm-for-redesigning-site-pages

Редизайн сайта: что это, зачем и как делать

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

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

Что такое редизайн сайта и как его делать

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

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

Зачем делать редизайн сайта

Основные причины проведения редизайна на сайте:

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

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

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

При необходимости модернизации сайта добавляются новые, современные модули и расширения, а устаревшие блоки удаляются.

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

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

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

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

Не поощряются никакие изыски, которые затрудняют мгновенное понимание порядка управления сайтом и восприятия контента посетителями.

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

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

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

Источник: https://opartnerke.ru/redizajn-sajta/

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

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

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

Мы постарались дать ответы на эти вопросы в статье.

Когда нужно делать редизайн сайта

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

1. Меняется фирменный стиль компании

Если компания проводит ребрендинг, сайт также должен соответствовать выбранной стилистике.

2. Дизайн сайта устаревший

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

3. Снижается количество продаж

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

4. Проблемы с юзабилити

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

5. Хуже, чем у конкурентов

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

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

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

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

Шаг 1. Провести анализ

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

• метрики. Посчитать, с каких страниц приходило больше всего целевых лидов, какие страницы не посещают совсем;
• видеозаписи действий пользователя. Ознакомиться с поведением пользователя на странице (например, с помощью вебвизора Яндекс.Метрики), на какие элементы направлено больше всего внимания, какие элементы не замечает. Проанализировать время, которое пользователь проводит на странице. Читает ли текстовый контент? Какие изображения просматривает?
• путь пользователя. Отследить, на какие страницы чаще всего пользователь попадает впервые, с каких источников это происходит (поисковые системы, реклама или ссылки напрямую). На какие страницы переходит далее (например, часто клиенты после просмотра страницы отдельной услуги переходят в раздел «Цены»).

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

fm после проведения редизайна столкнулся с недоумением пользователей и получил множество сообщений в техподдержку.

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

Версия сайта после редизайна:

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

Шаг 2. Пообщаться с целевой аудиторией и менеджерами сайта

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

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

Все вопросы и пожелания сводятся в один список и последовательно разрабатывается новая структура с добавлением необходимых элементов.

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

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

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

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

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

Шаг 3. Проанализировать сайты конкурентов

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

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

Однако, не нужно гнаться за трендами. Так случилось с популярным в свое время ресурсом MySpace

Источник: https://idbi.ru/blogs/blog/kak-sdelat-redizayn-sayta

Как подготовиться к редизайну сайта: 7 практических советов — Дизайн на vc.ru

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

Руководитель киевской студии Mahaon Владимир Бузкив рассказывает о том, что нужно знать и сделать перед тем, как начинать столь масштабный проект.

Первый шаг: анализ ситуации

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

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

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

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

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

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

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

Очень важно изучить конкурентов

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

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

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

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

Источник: https://vc.ru/design/45167-kak-podgotovitsya-k-redizaynu-sayta-7-prakticheskih-sovetov

Ребрендинг, рестайлинг или редизайн?

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

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

Для чего нужен ребрендинг и что это такое?

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

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

Они могут касаться изменения имени, логотипа, а также затрагивать фирменный стиль.

Причины проведения ребрендинга

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

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

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

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

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

Рестайлинг – это? Его основные отличия от ребрендинга?

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

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

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

Рестайлинг как средство обновления внешнего облика требуется, если:

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

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

Редизайн – что это и зачем он нужен?

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

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

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

Не откладывайте на завтра! Напишите нам сейчас и мы уже сегодня приступим к работе над вашим интернет-магазином!

1

Заполните онлайн-заявку

2

Получите полный расчет стоимости

3

Утвердите цену и мы приступим к работе

Наша студия является сертифицированным партнером компании InSales

Оставьте данные и менеджер свяжется с Вами

Источник: https://insalesthemes.ru/redizain