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

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

Вступление

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

1. Анализ существующего сайта

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

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

2. Анализ конкурентов

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

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

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

Обратите внимание не только на общий внешний вид, но и на отдельные элементы - какие фотографии сделали конкуренты для своих сайтов? Выкладывают ли они видео? Если да, то какое, как оно интегрировано в сайт?

Посмотрите расположение элементов и информации - что выносится на первую страницу? Что скрывается в конце страницы? Используются ли всплывающие окна, баннеры? Есть ли ссылки на социальные сети? И если есть, то где?

 

Готовые шаблоны для сайта

 

3. Мнение пользователей

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

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

Если блог - не хватает тегов или отображения количества просмотров у статьи?

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

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

4. Проработка фирменного стиля

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

Фирменный стиль - важная вещь, так как она имеет три основных функции:

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

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

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

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

6. Тестирование

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

Если сомневаетесь все ли проверили, сверьтесь с этой статьей «Чек-лист для запуска сайта».

В заключение

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

Комментарии

Арасса Вебстудия +1
18 дек в 2018
Ольга, просто изумительная статья! В принципе, Вы мне даже (в какой-то мере) помогли! Ко мне обратились за услугой по редизайну. Я пытался что-то "промямлить", объясняя, зачем и как. А тут Ваша статья - я взял, да и показал её моему заказчику! Он заказал!
Я Бы Вам Шоколадкой и Кофе угостил бы за такую статью. Но, боюсь, Мы слишком далеко друг от друга!
Polyarix 0
18 дек в 2018
Все верно описано, спасибо за статью. Мы в Polyarix всегда начинаем с глубокого анализа сайта и конкурентов, после составляем карту проекта, его развития. Делаем разрабатываем прототипы и переходим к прорисовке дизайна. После верстка, стратегия переноса внутренней ссылочной массы дабы проседание в плане SEO было минимальным, перенос контента и тестирование готового результата.

Кстати всегда удобней работать с живым контентом. Lorem Ipsum (рыба текст) не дает нужных результатов, по этому мы стараемся сразу же писать тексты для наших клиентов. В итоге получаются макеты, которые максимально близки к финалу.
Свернуть ответы
Арасса Вебстудия +1
18 дек в 2018
Поларикс - на счет текстов - полностью с Вами согласен. Лучше сразу их ставить (пусть даже если они не полные)
Polyarix 0
18 дек в 2018
Правильней сказать "Полярикс" если уж на русский лад :)
Арасса Вебстудия +1
18 дек в 2018
Прошу прощения. Я когда написал и опубликовал, потом сам уже увидел, что ПОЛЯРИКС!