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

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

Не стоит недооценивать внешний вид своего сайта и его удобство для пользователей.

Многие владельцы интернет-проектов считают, что главное – это контент, а то, в какой он обертке – это дело второстепенное.

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

Еще одна ошибка – заказать крутой дизайн сайта, но полностью забить на его обновление.

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

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

«Пора вспоминать, что такое редизайн»

Мои постоянные читатели наверняка заметили, что за время существования сайта «Бизнес Прост» он менял свой внешний облик.

Я обожала первый дизайн своего сайта, сделанный в виде блокнота.

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

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

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

Теперешний вид моего сайта очень лаконичный.

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

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

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

К этому же призываю всех, кто ведет интернет-проекты.

Редизайн – это просто

Думаю, объяснять, что такое дизайн, никому не нужно.

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

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

Поскупишься – получишь нечто среднее, неудобное и неинтересное, но все равно это дело будет именоваться дизайном.

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

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

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

Для чего нужно знать, что такое редизайн?

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

Ребенок вырос из страной одежды и требует новую, более модную.

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

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

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

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

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

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

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

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

Что нужно делать перед тем как заказать редизайн?

Нельзя поддаваться импульсивному желанию «сделать живенько и красивенько».

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

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

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

Как сделать редизайн сайта и при этом не потерять его позиции в поисковой выдаче,

вы узнаете из видеосюжета:

Что собой подразумевает редизайн?

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

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

Редизайн – это:

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

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

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

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

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

Редизайн сайта

Автор: Екатерина Софина

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

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

Что входит в редизайн?

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

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

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

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

7 причин, когда необходимо заказать редизайн сайта

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

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

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

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

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

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

Какие виды редизайна бывают?

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

Читать еще: Как приватизировать комнату в коммунальной квартире

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

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

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

Этапы работ

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

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

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

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

Подводные камни. 5 распространенных ошибок при выполнении редизайна

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

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

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

Какой редизайн усилит позиции сайта в поисковой выдаче?

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

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

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

Выводы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читать еще: Когда в нашем доме будет капитальный ремонт

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

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

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

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

Однако, не нужно гнаться за трендами. Так случилось с популярным в свое время ресурсом MySpace – своеобразной социальной сетью для музыкантов. После роста популярности FaceBook компания решила обновить сайт и сделала полный редизайн ресурса. Однако, главная «фишка» веб-сайта была упущена – подписки на музыкантов резко уменьшились и клиенты плавно перешли в другие социальные сети.

Как выглядит MySpace сейчас:

Шаг 4. Проработать фирменный стиль

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

Яркий пример использования фирменного стиля в дизайне сайта после ребрендинга:

Бренд «Моя семья» впервые за долгое время полностью поменяли дизайн упаковки, логотип компании. После этого сделали редизайн сайта, применяя новый фирменный стиль.

Шаг 5. Подготовить контент

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

Шаг 6. Тестировать новые элементы

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

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

Старая, привычная пользователям версия

Новая версия

Ситуация с «Кинопоиском» – не единственная. Важно правильно интерпретировать реакцию пользователей на изменения, прогнозировать поведение клиентов и возможное количество отказов.

Шаг 7. Постепенно внедрять новые элементы на сайт

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

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

Шаг 8. Проверить технические характеристики сайта

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

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

Шаг 9. Получить обратную связь от клиентов, проанализировать изменения

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

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

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

Правильный редизайн сайта — пошаговый алгоритм, основные вопросы и нюансы

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

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

Основные вопросы при смене дизайна сайта

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

Падает ли конверсия? Падает ли время на сайте, падают ли переходы? *Посмотреть всю эту информацию можно в метрике.
Современно ли выглядит ваш интернет-магазин? *Просмотрите всех ваших конкурентов по основным запросам, сравните их дизайн с вашим, удобство использования, фильтры товаров, различные блоки и так далее.
Имеет ли ваш сайт мобильную версию либо адаптивный дизайн? *Думаю, вы знаете ответ на этот вопрос, если нет, то переходим в webmaster.yandex.ru, в раздел «Диагностика» — «Диагностика сайта» в отчете будут указаны рекомендации о мобильной версии.

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

Как сменить дизайн сайта и не потерять позиции ?

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

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

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

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

По истечению некоторого времени (1-2) недели, рекомендую начинать постепенно убирать проставленные теги и смотреть на позиции сайта. Это нам даст возможность «Откатить изменения» при смене позиций в нежелательную сторону.

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

Подытожим все основные рекомендации:

Не меняем структуру, не меняем url;
Не меняем CMS;
Минимум изменений по основным тегам верстки, которые влияют на релевантность (H1-H6, b, i и тд);
Следим, чтобы вся информация которая выводилась ранее осталась на сайте (если она нужна, можно посмотреть по метрике — карта кликов, видеозаписи действий пользователей и тд).
Если добавляем много новых блоков, новый функционал, в котором используется много контента, то рекомендую закрывать их от индекса (тем самым обезопасим себя от лишних вопросов). Далее, постепенно снимаем noindex-ы и следим за позициями (есть возможность вернуть все обратно).
Аналогичная механика с новыми блоками в которых будет много ссылок, также рекомендую, закрывать ссылки в атрибуты nofollow (сохранение позиций наше все), далее постепенно убираем их, смотрим результаты съема позиций.

Читать еще: Как узаконить самовольную постройку на своем участке

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

Подготовка прототипа будущего дизайна сайта

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

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

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

Выбор программы для создания прототипа

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

1. Gliffy

Бесплатная версия есть, можно пользоваться.

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

Ни для кого не секрет, что дизайн – это первое, на что обращают внимание посетители сайта.

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

Среди разработчиков существует мнение, что обновлять дизайн сайта следует не реже 1 раза в 5 лет.

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

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

Дизайн сайта в прямом смысле слова устарел

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

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

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

Посмотрите на то, как изменялся дизайн сайта Ozon.ru. Вот так выглядела главная страница 19 июня 2000 года:

Через 5 лет, 19 июля 2005 года:

16 сентября 2010 года:

И наконец, узнаваемый всеми Ozon; снимок от 1 марта 2016 года:

Как видим, Ozon не стоит на месте, делает редизайны каждые 5 лет (да не просто редизайны, а полный ребрендинг).

Компания «Яндекс» выполняет масштабный редизайн своего сайта каждые два года – настоящий пример для подражания.

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

Кстати, вот таким современным стал сайт акушера-гинеколога после редизайна:

Хотите посмотреть, каким был ваш сайт 5 лет назад? Вам сюда.

Ваш сайт создан на конструкторе и используется шаблонный дизайн

Еще одна проблема многих сайтов – они сделаны по шаблону, на конструкторе.

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

Строительство деревянных домов

Отель на Байкале

Почему шаблонный дизайн – это плохо?

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

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

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

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

Обилие технических ошибок

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

Подобного рода недочеты мы тоже исправляем при редизайне.

Сайт не отвечает требованиям посетителей

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

Большой процент отказов показывает, что сайт явно не нравится пользователям:

Если конверсия у сайта низкая (ниже 1%), процент отказов выше 20%, это повод задуматься над редизайном.

Сайты конкурентов выглядят намного выигрышнее на фоне вашего

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

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

Сайт, который крутится по контекстной рекламе:

Сайт, находящийся на первом месте органической выдачи:

Второе место ТОПа:

ТОП-3 завершает вот такой сайт:

Глядя на эти сайты, с ярким современным дизайном, понимаешь, что на первые места по запросу «торты на заказ» смогут попасть сайты только с хорошим и привлекательным дизайном.

И если ваш сайт не такой, то и в ТОП ему, попасть будет сложно:

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

Как составить ТЗ разработчикам? На что нужно обратить внимание? И, наконец, как не просесть по имеющимся позициям? Разбираемся по порядку.

Что нужно учитывать при разработке ТЗ для редизайна сайта?

Шаг 1. Решите, для чего вы заказываете редизайн

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

Шаг 2. Установите, как (хотя бы примерно) должен выглядеть сайт

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

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

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

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

Шаг 3. Определите, останется ли сайт на прежней CMS, или все-таки стоит перенести ресурс на новую

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

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

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

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

Шаг 4. Задумайтесь сразу о продвижении

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

Шаг 5. Отслеживайте эффективность

Кстати, а на вашем ресурсе установлены счетчики веб-аналитики? Если до сих пор нет, то обязательно установите!

Важно не просто наводить «красивости», важно сравнить показатели ДО и ПОСЛЕ – тогда вы точно будете знать, что редизайн не навредил сайту, а только пошел ему на пользу.

Обращайте внимание на посещаемость, время, проведенное пользователями на сайте, процент отказов и, конечно же, конверсию. О том, как работать с Яндекс.Метрикой, подробно написано в нашей книге «Бизнес-аналитика: ни шагу без Яндекс.Метрики».

Вместо итога:

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

Пример редизайна интернет-магазина постельного белья:

Таким сайт поступил к нам:

Таким мы его сделали:

Итак, по данным Яндекс.Метрики, исходные показатели у сайта были следующие:

глубина просмотра: 4.76
среднее время на сайте: 3:42
количество отказов 25,9%

После редизайна показатели заметно улучшились:

глубина просмотра: 7.89 (увеличилась на 3.13)
среднее время на сайте: 4:31 (увеличилось на 1 мин)
количество отказов 17.1% (снизилось на 8.8%)

Полное портфолио можно посмотреть тут.

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

Руководитель отдела Управления репутацией Сервиса 1PS.RU

Понравилась статья?

Спасибо, мы старались!

Кстати, вы подписаны на нашу рассылку? Если нет, то самое время познакомиться с Катей.

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

Пошаговое руководство по самостоятельному продвижению сайта