Редизайн сайта это: Редизайн сайта — зачем нужно переделывать сайт

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Такой дизайн позволил значительно увеличить конверсию лендинга.

Этапы работ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Редизайн сайта улучшил позицию в выдаче и увеличил показатели конверсии.

Выводы

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

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

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

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

Что такое редизайн веб-сайта и нужен ли он вам? Заказать или нет.

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

 

Когда точно пора делать редизайн?

Главными признаками, намекающими на необходимость перемен в визуальном оформлении, являются следующие:

 

1. Дизайн попросту устарел и нужен мастер 

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

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

Ведущий поисковик Рунета — Яндекс делает масштабные изменения дизайна еще чаще — раз в два года.

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

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

 

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

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

Почему стандартные шаблонные дизайны — это не очень хорошо?

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

Объективность дает практика. Взгляните на ТОП выдачи по конкурентным тематикам. Разве там найдутся два похожих друг на дружку сайта? Поисковые системы заинтересованы в том, чтобы разнообразить SERPSearch Engine Result Page (сокращенно SERP, в переводе с английского — поисковая страница результатов, а на жаргоне — просто выдача) — это веб-страница, которая создается…Перейти к словарю терминов , в результате даже при использовании шаблонных дизайнов владельцы предпринимают шаги, чтобы добавить визуальному оформлению индивидуальности — работают с CVV, скриптами и т. д.

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

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

 

3. Многочисленные технические ошибки

Отдельные веб-ресурсы не просто не соответствуют современным требованиям, но и переполнены серьезными техническими недочетами. Владельцы порой даже не знают об этом, а несложный аудит и анализ юзабилитиUsability (в переводе с английского «удобство использования») — степень удобства пользователя в процессе взаимодействия с интерфейсом веб-ресурса, а также набор…Перейти к словарю терминов позволяет их выявить практически сходу.

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

 

4. Ресурс не соответствует пользовательским требованиям и новый сайт нужен

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

Так, если процент отказов уже перевалил за 20%, а конверсия также оставляет желать лучшего (менее 1%), то необходимость в редизайне уже назрела.

 

5. Конкуренты визуально в Москве смотрятся лучше

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

Посмотрите выдачу по конкурентным запросам, как в контекстных объявлениях, так и в ТОПе органики чаще всего демонстрируются яркие, оригинальные, интересные с точки зрения дизайна проекты. Значит, чтобы подвинуть их в SEPR, а также навязать борьбу за покупателейЛид — термин с различными значениями, используется в сфере интернет-маркетинга. Лидом является отдельная категория интернет-аудитории (потенциальные клиенты) и их…Перейти к словарю терминов , нужно сперва красиво выглядеть, а уже затем думать об УТП, ценовой политике и т.д. Если у вас этого нет, то лучше начать с редизайна, а уже затем заниматься раскруткой.

Когда такое важное решение принято, то есть вы запланировали обновление визуального облика (и возможно, функционала), надо начинать с четкой постановки задач. Прежде всего, нужно разработать ТЗ для исполнителей. Это позволит на выходе получить то, что вы хотите. Как составить техническое задание правильно, какие моменты являются ключевыми, что сделать, чтобы редизайн не привел к пессимизации в выдаче — все эти вопросы крайне важны. Мы разберем каждый из них.

 

Разрабатываем ТЗ для редизайна: ключевые моменты

Чтобы разработчики сделали все правильно, вы получите то оформление, о котором мечтали, а в выдаче ресурс не просел, учтите следующие важные моменты:

1. Определите цели редизайна и дайте техническое задание

Вашему проекту нужен рост продаж и новые покупатели? Тогда узнайте у дизайнеров и разработчиков, которые будут заниматься редизайном, проводят ли они маркетинговую аналитику. При условии анализа бизнеса, поиска сильных и слабых сторон основных конкурентов, определения потребностей вашей целевойЦелевой пользователь (или ЦА — целевая аудитория) — посетитель сайта, на которого рассчитан предлагаемый на нем контент. Целевыми также считаются те посетители,…Перейти к словарю терминов аудитории шансы на создание такого дизайна, который принесет ощутимую в материальном аспекте выгоду в виде прибыли, существенно повысятся.

 

2. Определите, какой внешний вид нужен (хотя бы в общих чертах)

Рассказывать на словах, что в дизайне вам нравится, а что нет — сложно. Лучше покажите разработчикам конкретные примеры. Это должны быть как сайты, которые вам по душе, так и площадки, которые вам категорически не нравятся. Так вы поможете дизайнерам понять, что ожидаете от них. Без этого нередко случаются проблемы: вы хотите ярких красок и дизайнерских элементов, а вам присылают популярный нынче «плоский» минималистичный вариант дизайна или же наоборот.

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

 

3. Примите решение по поводу «движка»: остается та же CMS или внедряется новая

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

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

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

 

4. Заранее думайте о SEO

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

 

5. Контролируйте эффективность изменений

Редизайн сайта — серьезный шаг, который является своеобразной отправной точкой. Если ранее вы уделяли минимум времени статистике и аналитике, то самое время это исправить. Установить счетчики и метрики лучше еще до изменения дизайна, чтобы можно было сравнивать ДО и ПОСЛЕ. Посмотрев на посещаемость, конверсию, процент отказов, несложно понять, были ли полезны все эти перемены или нет.

 

Как и что анализировать после технического задания?

Мы рекомендуем взять хотя бы 3 основных параметра, характеризующих поведенческие факторыПоведенческие факторы — весь комплекс действий, осуществляемых аудиторией на определенном веб-ресурсе. Первый приход, численность просмотренных страничек, общее…Перейти к словарю терминов , а именно:

• глубину просмотра;
• показатель отказов;
• среднюю продолжительность сессии пользователей.

 

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

 

Резюме

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

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

Свяжитесь с нами любым удобным способом.

Редизайн. Что такое редизайн сайта? Когда необходим редизайн сайта?

Чтобы всегда быть на вершине успеха, нужно идти в ногу со временем. Ведь то, что еще вчера было последней новинкой прогресса, завтра может оказаться унылой древностью. Нужно регулярно проводить обновления, следить за уникальностью материалов сайта, проводить редизайн. Так, например, чтобы бизнес-организация успешно существовала на рынке товаров или услуг и приносила прибыль своим владельцам, необходимо постоянно поддерживать ее в актуальном состоянии: ремонтировать помещения, модернизировать оборудование, улучшать качество обслуживания. С этим согласны все. И почему-то, если у компании есть свой сайт, то принято считать, что он в подобных мероприятиях не нуждается. Однако поддержка и редизайн сайта временами просто необходимы. Это может быть как мелкий косметический редизайн, так и капитальный редизайн, затрагивающий основной функционал. Когда необходим редизайн сайта? Редизайн сайта для многих схож с приемом у стоматолога – «А может, и не так уж болит? А может, обойдемся?». Не обойдемся! Тем более, если действительно болит. Редизайн необходим, если: Ваш сайт упорно не хочет продвигаться в поисковых системах, посетителей у сайта нет или совсем мало. Это значит, что сайт морально устарел и редизайн сайта в комплексе с пересмотром тематической направленности ресурса, списка предоставляемых сервисов и т.д. просто необходимы для эффективной работы сайта. Сайт содержит ошибки, например, не работают ссылки или не загружаются картинки – необходим редизайн графики и перелинковка страниц сайта. Навигация по сайту запутана, программные модули сложны в обслуживании, возникли трудности в работе с базой данных – нужен редизайн навигации. Изменились основные сведения о компании: ее название, логотип, или изменился фирменный стиль в целом – значит, нужно проводить имиджевый редизайн сайта. Изменилась тематика сайта, его целевая аудитория – без редизайна не обойтись, т.к. веб-дизайн в первую очередь учитывает предпочтения целевой аудитории. И, наконец, сайт может просто морально устареть: оптимальный срок его службы не превышает 4-5 лет, ведь компьютерные технологии развиваются умопомрачительно быстро, и сайт, сделанный более 5 лет назад, попросту не привлекает внимания. Редизайн сайта даст ему новую жизнь! Все мы прекрасно понимаем, что следует, например, делать ремонт своего офиса, модернизацию оборудования или улучшение структуры управления компанией для того, чтобы представлять свой бизнес на современном уровне. Так вот, веб-сайт – это тоже инструмент бизнеса, а потому ни в коем случае нельзя пренебрегать модернизацией и редизайном сайта. Чаще всего веб-студия проводит редизайн сайта в комплексе с его продвижением, но редизайн может быть и самостоятельной процедурой. Например, на начальном этапе Вы использовали шаблонный дизайн сайта, который не мог в полной мере отвечать фирменному стилю компании. Это снижало узнаваемость и запоминаемость компании на рынке и в итоге сказывалось на прибыльности. Редизайн сайта в данном случае будет заключаться в разработке уникального фирменного дизайна сайта. Ознакомьтесь с ценами на редизайн в нашей web студии. Когда мы говорим о редизайне, то нужно понимать, что грамотный редизайн сайта не ограничится лишь работой с веб-дизайном. Сложность проведения редизайна сайта заключается в том, что сайт к моменту редизайна уже содержит множество функциональных модулей и компонентов, которые взаимодействуют с базой данных и вписаны в дизайн сайта, поэтому редизайн сайта влечет за собой «вписывание» функционала в новый дизайн сайта. Мы тщательно продумываем все шаги редизайна, обговаривая детали с заказчиком, т.к. только качественный редизайн может достичь поставленных целей. Теги: редизайн, редизайн сайта, задачи редизайна, этапы редизайна, стоимость редизайна, цена на редизайн

Редизайн сайта — как это делаем мы в студии Elit-Web

Для нас дизайн – это все! Это функционал, внешний вид и вызываемые эмоции.

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

Функционал

Грамотно продуманный функционал создается в процессе проектирования. Для этого мы проводим проект через следующие этапы:

1. Создаем карту системы, на которой в виде дерева отображены страницы сайта.
2. Создаем схему взаимодействия пользователя с сайтом. Такая схема показывает, как посетитель достигает своей цели.
3. Создаем схемы страниц, которые демонстрируют набор информационных блоков, выводимый на страницах сайта.
4. Создаем кликабельный прототип, который имитирует работу сайта.

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

Внешний вид

Удивительная работа начинается с талантливой команды страстных людей. Команда дизайнеров нашей компании – это трудоголики, созданные для творчества, работы которых были награждены самыми известными и престижными наградами цифровой индустрии: Awwwards, CSS Design Awards, Web Guru Awards и другие.

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

1. Создаем Mood Board. Доска настроения может формироваться из любых креативных решений в абсолютно любой области. Это могут быть фотографии архитектуры и дизайна среды, стоп-кадры из фильмов, особенно фантастических, интересные решения в области каллиграфии или боди-арта. Ну и конечно же это новейшие решения в области веба. Отличным источником таких референсов служит сайт http://www.fubiz.net/.
2. Подбираем шрифты. Сайт – это прежде всего информационный ресурс и львиная доля информации именно текстовая, поэтому типографике мы уделяем огромное внимание. Мы подбираем акцидентный и основной шрифт, формируем шрифтовые пары, задаем правила цвета, контраста и размера текстовых блоков учитывая опыт и современные течения. В итоге мы получаем образ типографики, который легко можем обосновать.

 Читайте также кейс

 Вывод конкурентной тематики в ТОП по ВЧ и СЧ запросам за полгода

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

Сейчас он у нас такой:

1. Сочная обложка. У сайта должно быть узнаваемое лицо. Это может быть качественная постановочная фотография или яркий запоминающийся коллаж.
2. Эксперименты с типографикой. Это фон внутри крупных символов или вписанные в фотографию слова, большие жирные символы на фоне контента или вертикальное направление коротких текстовых блоков.
3. Непредсказуемая геометрия. Не смотря на банальность модульной сетки, на её основе можно организовывать элементы, совершенно неординарными и не симметричными способами.
4. Fashion-эффекты. Имеется в виду не анимация микровзаимодействия, которая присутствует у нас по умолчанию в большинстве элементах интерфейса, а именно эффекты. Эффекты, способные заворожить посетителя и заставить его изучать сайт с открытым ртом. Сейчас актуальными являются: глитч и морфинг.
5. Скрытый второстепенный контент. Зачастую основная информация находится на главной странице и если необходимо разгрузить внешний вид сайта, чтобы сконцентрировать внимание посетителя на контенте, идеальным решением является минимизация второстепенной информации. В частности, от меню на странице остается только иконка, а само меню переносится в отдельный блок, который появляется лишь по требованию пользователя. Вслед за меню в этот блок перемещается контактная информация и прочий контент, который должен быть доступен на любой странице.
6. Продукт крупно на белом фоне. Если страница посвящена какому-то продукту, будь то весло или авторский торшер, этот объект будет восприниматься естественнее и реалистичнее, если разместить его крупное изображение прямо на фоне сайта.
7. Контент за границами экрана. Это может быть карусель из карточек товаров или фотографий сотрудников, блоки с отзывами или с логотипами партнеров. В общем, любой набор блочных элементов с функционалом карусели. При этом, основным индикатором наличия скрытых блоков будет являться частично выглядывающие эти же блоки из за краев экрана. При таком отображении пропадает необходимость в стандартной навигации в виде стрелочек.
8. Много воздуха. Данный тренд значительно улучшает юзабилити сайта и восприятие контента. Плотно размещенная информация всегда рассеивала внимание, а разряженный контент машинально заставляет пользователя впитывать информацию со страницы.
9. Единый стиль изображений. Этот несложный принцип отлично подчеркивает индивидуальность дизайна. Достаточно сделать все изображения сайта монохромными или тонированными, с градиентом фирменных цветов или с одинаковым цветом фона и дизайн сразу обретет свое лицо.
10. Минимализм. Извечно популярный стиль, который может распространяться на внешний вид форм, кнопок, иконок и прочие элементы интерфейса сайта.

Вызываемые эмоции

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

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

КОМПЛЕКСНЫЙ АУДИТ САЙТА

Профессиональный комплексный аудит сайта — глобальный анализ вашего проекта ✔ Подробный отчет с перечнем ошибок и рекомендаций для улучшения ✔ Увеличение конверсий

Получить консультацию

Наш менеджер свяжется с Вами в ближайшее время

Отправить заявку

Напишите комментарий *

Редизайн сайта: что нужно учесть при обновлении сайта: публикации CASTCOM

Интернет развивается такими темпами, что сайты, которые выглядели свежо и были разработаны профессионально ещё пару лет назад, сегодня могут оказаться устаревшими. Это мешает их владельцам эффективно управлять контентом, а пользователям — получать и воспринимать необходимую информацию.
 
Если вы столкнулись с подобной проблемой, пришла пора задуматься о модернизации ресурса. Редизайн сайта — процесс включает в себя переработку внешнего вида, изменение функциональности, обновление контента и многое другое. Однако прежде чем начать переработку сайта, ознакомьтесь с этой статьёй, чтобы не допустить распространенных ошибок.
 
Что нужно, чтобы не потерять текущие позиции
 
Самые большие риски несут владельцы тех сайтов, которые занимают высокие позиции в поисковых машинах. Если бездумно изменить адрес проиндексированной страницы, она пропадет из поиска, так как роботы не будут знать, где именно она находится. Чтобы не допустить этого и уберечь себя от остальных рисков, рекомендуется предпринять несколько дополнительных действий.
 
301 редирект
Редирект — инструкция, которая отвечает за перенаправление пользователя с одной страницы на другую. Она прописывается в файле .htaccess, который хранится в корневом каталоге сайта. 301-й редирект указывает на то, что страница изменила свой адрес навсегда. Это решает многие проблемы и для пользователей, и для поисковых роботов. Даже если в выдаче появится старый URL, при переходе по нему посетителя автоматически перенаправят на новый адрес.
 
Оптимизированный контент на страницах
Если у вас есть контент, оптимизированный под поисковые системы, убедитесь в том, что он перенесен на новые страницы корректно. При обновлении сайта с изменением структуры нужно также убедиться, что материалы размещены в релевантных разделах.
 
Текст изображений
При перемещении изображений необходимо проследить за тем, чтобы альтернативный текст, прописанный в атрибуте alt, был сохранен.
 
Мета-тэги на странице
Если до редизайна у вас не было мета-тэгов, стоит провести над ними основательную работу. Для каждой страницы необходимо:

• подобрать и указать в теге keywords ключевые слова;
• создать уникальное описание и поместить его в description;
• придумать уникальные заголовки и записать их в тегах title.

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

1. Использование ЧПУ. Адрес страницы должен явно говорить о том, какую информацию она содержит.
2. Заголовки. На странице обязательно должен присутствовать один заголовок h2, а также несколько h3 и h4.
3. Пункты меню. Название пунктов меню не должны пересекаться с имеющимися на странице заголовками.
4. Мета-тэги. Мета keywords, title и description должны быть заполнены согласно актуальным рекомендациям и правилам.
5. Изображения. Файлы картинок необходимо называть осмысленно, а также указывать релевантный альтернативный текст для каждой из них.

Также рекомендуем убедиться, что файл Robots.txt настроен правильно, а внутри имеется ссылка на карту сайта в формате XML.
 
Обновление контента на сайте
 
Когда подрядчик передаст вам результаты работы, обновление сайта всё ещё нельзя считать завершенным. На самом деле эта задача должна стать отдельным бизнес-процессом, чтобы ваш ресурс казался интересным, актуальным и живым не только для посетителей, но и для поисковых машин.
 
Во-первых, подготовьте необходимый контент для всех новых блоков и страниц. Во-вторых, назначьте ответственных за публикацию новостей, статей, фотографий, обновление портфолио, страниц отзывов и других разделов сайта. И, наконец, в-третьих, следите за тем, чтобы контактная информация и график работы всегда оставались актуальными. Всё это можете сделать вы, ваш сотрудник. Однако чаще всего подобную работу отдают на подряд.
 
Сколько стоит обновление сайта
 
Стоимость переделки сайта рассчитывается индивидуально для каждого проекта. Это зависит не только от количества страниц, которые требуют переработки, но также от сложности проекта, используемой CMS, необходимых работ. Индивидуальный расчёт позволяет определить справедливую цену для каждой заявки. По вопросам заказа редизайна сайта пишите на наш электронный адрес [email protected] или можете заполнить онлайн форму заявки или обращайтесь к нам по телефону: +7 (495) 792-17-50. Мы будем рады поработать с вами!

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

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

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

Внешний вид и структура сайта

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

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

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

Функциональность сайта

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

Чтобы Вы окончательно поняли, зачем нужен редизайн сайту, приведу простой пример: Сайт компании был создан 6 лет назад когда большинство пользователей работало 800 x 600, на мониторе 15 дюймов дюймов, а теперь по мере развития техники большие мониторы резко упали в цене и большинство пользователей Интернет работают с разрешением 1024 x 768 и более. А дизайн сайтов конкурентов уже переделан под новое разрешение, что позволяет поместить большее количества элементов в одном окне браузера, и как следствие сэкономить время потенциального для поиска нужной информации, а кого в этом случай выберет потенциальный клиент? Конечно конкурентов, клиенты ценят своё время.

Переход на новую CMS

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

Зачем сайтам нужен редизайн? | DENISOV

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

---

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

С какой целью производится редизайн сайтов?

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

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

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

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

Редизайн ресурса необходим в следующих ситуациях:

· Веб-сайт выглядит непривлекательно;

· Ресурс не соответствует потребностям посетителей;

· Несоответствие дизайна с наполнением;

· Неудобство использования и сложности при внесении изменений.

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

· Обновленный дизайн и актуальное оформление;

· Доработанный функционал;

· Избавление от ненужного контента или лишних функций;

· Придание сайту оригинального стиля.

Создание нового ресурса или редизайн?

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

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

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

A Практическое руководство по 6-этапному процессу для брендов

Что такое редизайн веб-сайта?

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

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

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

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

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

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

1. Цели веб-сайта: Определите цели веб-сайта, чтобы определить ваши инициативы, цели и меры для редизайна, а также какие показатели вы хотите использовать для достижения своей цели.

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

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

4. Подготовьте дорожную карту: Определите шаги и технологии, необходимые для устранения пробелов. Например, вы можете A / B протестировать элементы, вызывающие проблемы, и исправить их в новом каркасном дизайне.

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

Когда вам нужен редизайн веб-сайта?

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

Ребрендинг или репозиционирование

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

• Ускорение роста
• Возрождение утраченного фирменного стиля
• Обновление устаревшего веб-сайта
• Создание уникального голоса бренда
• Размещение новых или измененных продуктов и услуг

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

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

Перед редизайном После редизайна
Источник изображения: [1]

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

Например, Starbucks позиционирует себя как источник качественного кофе и напитков, в то время как Tesla и Audi зарекомендовали себя на рынке как символы статуса класса люкс. Точно так же McDonald’s и Wendy’s позиционируют себя как новаторские лидеры или недорогие провайдеры с их недорогими закусками.

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

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

Источник изображения: [2]

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

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

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

• Будьте сосредоточены: имея целевой рынок для обслуживания, Apple всегда сосредотачивала свои продукты на инновациях и удобстве использования.Переход от iPod к iPhone — отличный пример целенаправленного видения Apple.

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

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

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

Запуск нового продукта или услуги

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

По возможности запускайте минимально жизнеспособный продукт (MVP). Либо разверните новую функцию с ограниченной функциональностью, либо на подмножестве страниц. С помощью MVP вы можете быстро доказать свою эффективность и получить больше ресурсов.

Для этого вам необходимо:

• Знать процесс — как отслеживать прогресс.
• Определите значение — вы должны связать потенциальный трафик с метрикой, которая отражает влияние на доход / бизнес.
• Начните с малого — проверьте производительность перед запуском MVP.

Расширение функциональности веб-сайта

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

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

Оптимизация конверсий на основе аналитических данных на основе данных

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

Есть два типа данных, которые вы должны собирать — качественные и количественные данные.

Количественные данные:

1. Какие страницы получают наибольшую долю трафика?

2. На каком этапе наша аудитория уходит с сайта?

3. Какие источники / носители привлекают больше всего трафика на сайт? Почему?
4. Какие источники / носители обеспечивают высокий трафик, но не приводят к конверсиям? Почему?

5. Какие страницы продуктов имеют самый низкий процент выхода? Почему?

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

Затем эти данные будут проанализированы для выяснения фактов.

Качественные данные:

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

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

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

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

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

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

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

Обновление для адаптивного веб-дизайна

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

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

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

• Сколько времени тратится на использование мобильных устройств в качестве носителей?
• Каков процент потребителей, использующих мобильные устройства?
• Они используют iPhone или устройство Android?
• Сколько посещений веб-сайта с мобильных устройств по сравнению с настольными?
• Каковы коэффициенты конверсии для мобильных устройств по сравнению с обычными и посещаемыми сайтами электронной коммерции?
• Что такое мобильное приложение по сравнению с использованием мобильного сайта?
• Насколько важны мобильные объявления для ваших целевых клиентов и вашего бизнеса?
• Какой процент поисковых запросов в Google выполняется с мобильных устройств?

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

Улучшение SEO и производительности сайта

SEO определяет, насколько легко и быстро ваш клиент найдет ваш сайт. Основным препятствием для поисковых роботов Google является поиск вашего веб-сайта, когда на нем есть графика без альтернативного текста; в нем плохо используются HTML-теги; и нерелевантные ключевые слова.

Оценка SEO веб-сайта с помощью онлайн-инструментов, таких как SEOptimer, Website Grader и т. Д., Для выявления некоторых вопиющих ошибок в вашей оптимизации может быть полезна.

Этапы планирования редизайна веб-сайта

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

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

1. Юзабилити
2. Контент
3. SEO
4. Конверсия

Удобство использования

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

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

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

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

Источник изображения: [3]

Было обнаружено, что:

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

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

Источник изображения: [3]

Lush и Clinique плохо справились с тестированием на удобство использования. Их мобильные сайты можно оптимизировать с помощью:

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

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

Содержимое

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

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

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

В исследовании ^[3] , проведенном New York Times, было обнаружено, что большие рекламные баннеры в версии веб-сайта 2016 года оставляли пользователей в состоянии путаницы и замешательства, вызывая большую вариативность в чтении по сравнению с версией 2004 года. сайта.Учитывая протестированные дизайны, центральная и верхняя левая части страницы были более заметными.

Источник изображения: [4]

Поисковая оптимизация (SEO)

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

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

Оценка SEO веб-сайта с помощью онлайн-инструментов, таких как SEOptimer, Website Grader и т. Д., Для выявления некоторых вопиющих ошибок в вашей оптимизации может быть полезна.

Преобразования

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

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

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

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

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

Источник изображения: [5]

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

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

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

SMART означает:

• Конкретный: Цель веб-сайта не должна быть расплывчатой, но очень конкретной. Например, вы можете сказать, что цель этого сайта — продать максимальное количество автомобилей Audi в городе.

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

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

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

• На основе времени: Цели никогда не могут быть бессрочными. Вы должны определить крайний срок, который будет мотивировать вас на успех. Примером может быть: Создайте автоответчик для сайта до 30 июня 2020 г.

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

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

Цель определяет «чего» мы хотим достичь, тогда как мера решает, «сколько» или «сколько».

Используя вопрос «Сколько?», Мы создаем основу для сравнения, то есть того, служит ли сделанный нами выбор нашей цели.

KPI могут помочь в достижении бизнес-целей:

• Определение конкретных целей: метрикой может быть количество пустых тележек и касс в случае предприятий электронной коммерции.

• Определяющий индикатор: Увеличение количества пустых тележек, приводящее к увеличению количества касс, является показателем снижения уровня оставления корзины.

• Определение целей: для каждого KPI у вас должна быть четкая цель. Например, макро-цель может сократить количество брошенных корзин на 50%.

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

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

• Определение способа передачи KPI: вы должны сделать свои результаты видимыми, поэтому эффективное сообщение ваших KPI (данных) также должно быть одним из KPI.

Стратегия и план обновления веб-сайта

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

Давайте посмотрим на шаги по созданию успешной стратегии редизайна веб-сайта:

1. Поставьте цель

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

2. Разработка дизайна (UCD), ориентированного на пользователя

UCD всегда нацелен на глубокое понимание пользователей, их требований, ценностей, способностей и ограничений.По данным Plus, Statista ^[4] , более 50% всего веб-трафика поступает с мобильных устройств, и этот показатель, вероятно, будет расти. Убедитесь, что ваш веб-сайт адаптируется к мобильным устройствам, чтобы не потерять трафик, поступающий с мобильных устройств.

3. Представьте новый дизайн пользовательского интерфейса

Если вы можете представить UX-дизайн как транспортное средство, UI-дизайн — это консоль управления. При пересмотре существующего редизайна сайта начните с инвентаризации интерфейса, которая представляет собой не что иное, как исчерпывающий набор элементов, например типографику, контент (текст, изображения, логотипы) и шрифты, составляющие ваш интерфейс.Это гарантирует, что пользовательские интерфейсы разрабатываются последовательно в рамках всеобъемлющей структуры. Пользовательский интерфейс никогда не должен быть сложным и давать пользователям направление для выполнения своих задач (микроконверсий) на вашем веб-сайте.

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

4.Редизайн информационной архитектуры веб-сайта (IA)

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

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

5. Создайте обновленные каркасы

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

Помимо бумаги и ручки, вы можете использовать такие инструменты, как MockFlow ^[5] , OmniGaffle ^[6] и Mockingbird ^[7] для вашего упражнения по обновлению каркаса.

6. Сосредоточьтесь на содержании

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

7. Обеспечение гибкости и адаптируемости макета веб-сайта

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

8. Запустить обновленный сайт

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

9. Разработайте стратегию после запуска.

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

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

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

1. Сочувствие: Анализ жалоб клиентов, вероятно, поможет вам лучше понять проблемные области, с которыми ваши пользователи сталкиваются на своем веб-сайте.Dropbox, например, дал этим проблемным областям запоминающиеся имена:

.

• Громоздкая навигация
• Запутанные учетные записи
• Фрагментированный пользовательский интерфейс

2. Линейность: Как только проблемы поняты, пора объединить всех на одной странице — общее видение. Таким образом, для каждой проблемы Dropbox придумал соответствующее решение, дающее четкое описание успеха:

• Упрощенная навигация
• Отдельные счета
• Единый UI

3. Убеждение: Очень важно дать людям четкое представление о том, как вы планируете решать их проблемы. Dropbox создал прототип, который казался правдоподобным. Развертывание прототипа позволило Dropbox запускать его реальными пользователями, просто отправив им ссылку. В итоге они создали двадцать прототипов. Многие сеансы пользовательского тестирования давали им уверенность в том, что их дизайн работает лучше, чем их существующий веб-сайт.

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

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

Этапы редизайна веб-сайта

Давайте разберем этапы редизайна веб-сайта в следующих подзаголовках:

Контент и этап SEO

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

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

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

Имея эти данные, SEO управляет возможностью обнаружения вашего веб-сайта в поисковых системах путем оптимизации таких элементов, как альтернативные тексты, HTML-теги, нерелевантные ключевые слова, синтаксические запросы и т. Д. Вы можете оценить свой веб-сайт SEO с помощью онлайн-инструментов, таких как Website Grader ^[8] , SEOptimer ^[9] или один из многих других для обнаружения ошибок на вашем текущем веб-сайте.В случае добавления новых функциональных продуктов в процессе редизайна SEO также проверяет целевые синтаксические запросы с помощью новой функции.

Этап проектирования

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

Источник изображения: [6]

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

Юзабилити-тестирование, которое заставляет исследования работать, также является частью фазы редизайна.

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

Стадия разработки

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

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

Тестирование и доставка

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

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

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

Рекомендации по редизайну веб-сайта для приятного взаимодействия с пользователем

Убедитесь, что сообщения на сайте резонируют с голосом вашего бренда

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

Если вы не можете определить голос вашего бренда, возьмите лист бумаги и ответьте на следующие вопросы:

• Что бы сказал мой бренд и как?
• Как мой бренд будет говорить с пользователями на разных этапах их опыта?
• Что он ненавидит?
• Что любит?
• Попробуйте нестандартно подумать: какой любимый напиток / блюдо вашей марки? Почему?

Muji — популярный розничный магазин в Японии.Они сосредоточились на том, чтобы четко выделить свой голос, что является минимализмом дизайна. Редизайн их веб-сайта привел к созданию более минималистичной домашней страницы с простой навигацией, что было основной проблемой, с которой они столкнулись на рынке США.

Домашняя страница (слева: старый сайт, справа: переработанный)
Источник изображения: [7]

Редизайн: удержание пользователя на переднем плане

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

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

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

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

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

• Карты сайта: вы можете создать поток, который показывает структуру и взаимосвязи сайта.

Оптимизация для мобильных устройств

Speed ​​и UX — два самых важных компонента хорошего веб-сайта.

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

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

Чтобы оптимизировать мобильный сайт, сначала необходимо провести аудит. Вы можете использовать такие инструменты Google, как Test my site ^[10] , Lighthouse ^[11] , Accelerated Mobile Pages (AMP) ^[12] , и отчет «Целевые страницы» в Google Рекламе, чтобы определить неэффективные целевые страницы. страниц.

Оптимизация навигации по веб-сайту

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

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

Создание стратегии редизайна, ориентированной на SEO

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

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

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

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

Пересмотрите все свои призывы к действию

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

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

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

Тщательно поэкспериментируйте, прежде чем сделать обновленный сайт универсальным

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

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

• Анализ задач вашего веб-сайта ^[13] может помочь вам определить проблему и критические задачи. Это поможет участникам эффективно выполнять и отслеживать эти задачи для достижения желаемых результатов.

• Внимательно обратите внимание — на что пытаются нажимать ваши пользователи? Насколько быстро они выполняют эти задачи? Они выглядят сбитыми с толку?

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

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

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

Ловушки редизайна веб-сайта, которых следует избегать

Отсутствие четкого определения объема и требований перед началом работы

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

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

Отсутствие всеобъемлющего сообщения о бренде и позиционирования на месте

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

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

В погоне за необоснованными сроками

Типичный капитальный ремонт веб-сайта может занять от 3 до 12 месяцев ^[14] , что может сильно варьироваться в зависимости от сложности упражнения.Комплексное планирование поможет вам определить продолжительность редизайна вашего веб-сайта. Этап планирования включает в себя качественное исследование и стратегию мозгового штурма, чтобы убедиться, что вы приносите пользу своему бренду и своим клиентам.

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

Приоритет дизайна над содержанием (приоритет формы над функциональностью)

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

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

Предполагая, что ваша работа заканчивается созданием нового сайта

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

Компромисс по техническим аспектам или работе сайта

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

Как правильно выбрать агентство или услуги по редизайну веб-сайта

Нанять агентство по редизайну веб-сайтов, которое:

• Проверяет ваш текущий сайт: они должны провести всесторонний аудит вашего веб-сайта в соответствии с существующей контентной стратегией и информационной архитектурой.

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

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

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

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

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

Примеры редизайна веб-сайтов или тематические исследования

Электронная торговля: PearlsOnly

PearlsOnly — это ювелирный интернет-магазин стоимостью более 3 миллионов долларов с постоянно растущим числом клиентов в США, Канаде, Великобритании и Австралии.

Из-за нехватки специализированных ресурсов и отраслевого опыта PearlsOnly не могла наилучшим образом использовать оптимизацию конверсии.

Служба

VWO Services проанализировала существующие данные Google Analytics PearlsOnly и нашла некоторые области для оптимизации.Они увидели, что многие люди уходили при оформлении заказа и что у домашней страницы был высокий показатель отказов. Кроме того, команда обнаружила, что страница оформления заказа была загромождена и отвлекала пользователей от основного CTA.

Команда VWO создала улучшенную версию страницы оформления заказа, сосредоточив внимание на CTA.

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

Тест увеличил доход PearlsOnly на 10%. После оптимизации страницы оформления заказа команда проверила домашнюю страницу, что снова привело к увеличению доходов.

ControlVariation

Программное обеспечение: Lyyti

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

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

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

Вариант победил, увеличив количество посещений страницы лидогенерации на 93.71%.

Розничная торговля: Majestic Wine

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

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

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

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

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

Команда Majestic Wines могла использовать многомерное тестирование. Но поскольку индивидуальное тестирование такого количества элементов потребовало бы много времени, команда решила запустить новую, полностью переработанную веб-страницу и протестировать конверсии:

Обновленная веб-страница привела к некоторому увеличению коэффициента конверсии.

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

Первый тест привел к увеличению коэффициента конверсии цели на 201% (отправка формы запроса) со статистической значимостью 99,99%. Удаление кнопки Download PDF Party Planner еще больше увеличило отправку форм запросов на 36,9% со статистической значимостью 99,99%.

Контроль Вариация

Заключение

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

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

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

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

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

Редизайн веб-сайта — Как изменить дизайн существующего веб-сайта

Введение: Почему уличные системы Бостона такие плохие и как это связано с проектом редизайна вашего веб-сайта

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

Но сначала давайте поговорим о дорожной системе Бостона.

Знаете ли вы, что Бостон считается самым загруженным из всех крупных городов США?

Знаете почему?

Что ж, одна из причин связана с первоначальной планировкой улиц Бостона.

Еще в 1600-х годах, когда был основан Бостон, вокруг паслись стада коров.

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

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

Так в чем проблема?

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

И все же это то, что большинство людей делают, когда дело доходит до редизайна своего веб-сайта.

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

Затем вы открываете «новый» веб-сайт с теми же старыми проблемами.

Если вы заинтересованы в том, чтобы избежать этой проблемы, прочтите…

Обзор — Услуги по редизайну веб-сайтов

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

Определите свои цели

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

Персонажи пользователей

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

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

Приобретение трафика

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

Временная шкала

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

Фаза контента

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

Карта сайта

Карта сайта — это структура вашего веб-сайта. Это карта всех страниц веб-сайта и того, как все они соотносятся друг с другом. Мне нравится думать об этом как о скелете, на котором живет тело вашего веб-сайта.

• Текущая карта сайта

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

• Google Analytics

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

• Новая карта сайта

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

Content Pull

Я обнаружил, что самым большим узким местом для большинства проектов является получение контента от клиента. Мы упрощаем это, «извлекая» весь контент с текущего веб-сайта и помещая его в серию Документов Google. Мне нравится использовать Google Docs, потому что он работает как центральный репозиторий для всего контента веб-сайта, и нет проблем с контролем версий, поскольку у вас всегда есть последняя доступная версия контента.Что бы вы ни делали, убедитесь, что у вас есть централизованная и общая среда для содержания веб-сайта, иначе могут случиться неприятности. Поверьте мне.

Изображения

Мы также используем Google Диск для обмена изображениями. Я рекомендую создать ряд папок Google Диска, которые отражают новую карту сайта веб-сайта, и поместить все изображения в нужную папку. Что касается стоковых фотографий, мы ведем таблицу Google, в которой перечислены все стоковые фотографии, которые можно приобрести для проекта, и указана соответствующая цена. Обычно стоковые фотографии стоят от 10 до 30 долларов за изображение, и большинство сайтов тратят на них около 200-300 долларов.

Этап дизайна

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

Как такое возможно?

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

Но вот что обычно происходит…

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

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

Вот как мы обычно это делаем…

Сначала домашняя страница

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

Дизайн-мокапы

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

Вайрфреймы vs.Мокапы

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

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

Шрифты

Шрифты, вероятно, являются наиболее недооцененным и недооцененным аспектом вашего веб-сайта. 80-90% большинства веб-сайтов — это текст, и хорошее понимание шрифтов окажет огромное влияние на ваш дизайн. Некоторые общие правила, когда дело доходит до шрифтов, заключаются в том, чтобы в вашем проекте было не более двух стилей шрифтов и не более 2-3 выравниваний на странице. Когда дело доходит до шрифтов, лучше меньше, да лучше.

Отличное место для поиска шрифтов — Google Fonts.

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

Цвета

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

Изображения

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

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

Шаблоны страниц

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

Редизайн веб-сайта с учетом SEO

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

Текущий SEO-аудит

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

Top Pages

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

Структура URL-адресов

Вы хотите провести инвентаризацию своей текущей структуры URL-адресов. Например, yourdomainname.ком / услуги / сантехника. Каждый / косая черта / является частью структуры URL-адреса. Основная идея состоит в том, что вы хотите сохранить как можно большую часть своей структуры URL-адресов, а затем настроить переадресацию 301 для любого другого URL-адреса.

Не сбивайтесь с пути

Для страниц, которые в настоящее время ранжируются в Google, вы хотите, чтобы как можно больше их оставалось неизменным. Это означает тот же текстовый контент на странице, тот же тег заголовка и мета-описание. Теги alt на изображениях. И та же структура URL в ссылке.Не связывайтесь с успехом. Если Google нравится ваша страница, не волнуйтесь.

Этап разработки

После завершения этапов содержания и дизайна пора переходить к этапу разработки. Здесь веб-сайт превратится из изображения в Photoshop в веб-сайт с кодировкой в ​​Интернете. Вот основные этапы этого процесса.

Начальная разработка

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

Разработка CMS

После завершения начальной интерфейсной разработки сайт интегрируется в CMS. Мы используем WordPress. Разработка CMS, наверное, самая недооцененная часть процесса. Это определит, насколько легко будет редактировать и обновлять серверную часть вашего веб-сайта.

Мобильная разработка

Многие клиенты удивляются, узнав, что мобильный дизайн выполняется на этапе разработки.По правде говоря, существует слишком много устройств, чтобы их можно было спроектировать для всех. Один только iPhone имеет модели 5, 6, 6+, X и т. Д. Вместо этого мы используем дизайн, ориентированный на мобильные устройства, который позволяет сайту хорошо отображаться на всех текущих и будущих устройствах.

Обеспечение качества

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

Обучение

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

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

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

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

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

Учетные данные хостинга

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

Электронная почта

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

Резервное копирование существующего веб-сайта

Если вы сохраняете текущую среду хостинга, вы, вероятно, захотите сделать резервную копию своего предыдущего веб-сайта, переместив его в папку архива, например.грамм. www.yourdomain.com/archive. Уловка заключается в том, что вы хотите, чтобы ваш разработчик деиндексировал эту папку, чтобы Google больше не мог сканировать ее или отображать свои страницы в результатах поиска. Если вы используете новую среду хостинга, вы можете сделать резервную копию предыдущего сайта в заархивированной папке и сохранить его на свой компьютер для безопасного хранения.

Google Analytics

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

WordPress препятствует поисковым системам

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

Часто задаваемые вопросы

Что такое редизайн веб-сайта?

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

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

Как правило, основными элементами редизайна веб-сайта являются существующий веб-сайт с заданным доменным именем и «новый» веб-сайт, заменяющий старый на том же URL-адресе доменного имени.

Почему так важен редизайн веб-сайта?

Дэвид Огилви, известный рекламщик и основатель Ogilvy and Mathers, сказал: «Маркетинг — это умение продавать в печати.”

Что ж, ваш веб-сайт действительно является вашим бизнесом в сети. Это ваш виртуальный продавец в большой мир.

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

В конце концов, цель вашего веб-сайта — зарабатывать деньги.

Обратной стороной этого является то, что ваш старый или уродливый веб-сайт может стоить вам денег. Вот и все. Как мудро сказал рэпер DJ Quick: «Если это не приносит долларов, это не имеет смысла.»

Итак, чтобы ответить на вопрос« Почему так важен редизайн вашего веб-сайта? » Зарабатывать деньги. Вот почему.

Общие проблемы, требующие редизайна веб-сайта

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

Как часто следует менять дизайн веб-сайта?

Хорошее эмпирическое правило: обновлять свой веб-сайт нужно каждые 2–3 года. Существует некоторая гибкость в зависимости от отрасли. Я считаю, что особенно в сфере технологий или SaaS это время намного короче — 1-2 года.В то время как другие более консервативные отрасли, такие как строительство или финансовые услуги, склонны растягивать свои перестройки до 3-5 лет.

Но давайте немного поговорим об этом слове «должен». Если вопрос в том, как часто вам следует открывать веб-сайт, ответ всегда один и тот же.

Как только это станет прибыльным.

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

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

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

Планируйте свой бюджет

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

Поймите объем вашего проекта

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

Сколько страниц будет на новом сайте?

Это может показаться довольно прямым вопросом, но это не так.Большинство людей не имеют четкого представления о том, сколько страниц им может понадобиться для сайта. Они могут сказать, что им нужно всего 5-6 страниц, но я сделаю поиск по сайту Google на их сайте, и он вернет 200+ страниц на их сайте.

Чтобы выполнить поиск по сайту Google, перейдите в Google и введите «site:» и «yourdomain.com» без пробелов между ними.

Затем он вернет количество проиндексированных страниц, которое технически является количеством страниц на вашем веб-сайте.

Возможно, вы захотите удалить из результатов все файлы PDF.Для этого добавьте «-pdf», как показано ниже.

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

Сколько уникальных страниц будет на новом сайте?

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

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

Уникальная функциональность

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

Исследование других веб-сайтов

Обратите внимание, я не сказал, исследуйте ваших конкурентов. Я вижу, что это ошибка большинства людей. Когда я прошу людей перечислить другие сайты, внешний вид которых им нравится, они неизменно просто присылают мне список своих конкурентов. Но правда в том, что это отвратительное место. Если вы собираетесь просматривать другие веб-сайты, вы можете выбрать лучшее.Почему бы не изучить лучшие веб-сайты в Интернете? Узнайте о ведущих технологических компаниях, люксовых брендах и победителях дизайнерских премий.

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

Исследование компаний на веб-сайте

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

Назначьте чемпиона

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

Стратегия редизайна веб-сайта

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

Вот некоторые из основных шагов, которые вы хотите охватить в стратегии редизайна вашего веб-сайта:

План

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

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

Нанять

Затем вам нужно нанять кого-нибудь для работы.Вот несколько примеров того, как сейчас испортить процесс найма:

• Ознакомьтесь с этой статьей о том, как нанять веб-дизайнера
• Выберите 3-5 компаний для собеседования
• Убедитесь, что вам нравится их портфолио
• Имейте четкое представление понимание того, что компания делает, а что не делает, например копирайтинг, брендинг, услуги SEO и т. д.
• Выберите компанию и наймите ее

Работа

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

• Назначьте лидера своей компании
• Начните с карты сайта и запишите ее как можно скорее
• Контент всегда будет самым большим узким местом. проект. Обязательно поработайте сначала над этим, и git er done.
• Завершите дизайн домашней страницы, прежде чем работать над остальной частью сайта.
• Если у вас уже есть логотип, и вы его ненавидите, сейчас хорошее время, чтобы изменить его дизайн.
• Сделал ли я упомяните, что вы должны работать над содержанием…

Launch

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

• Пройдите контрольный список по запуску редизайна нашего веб-сайта
• Расскажите миру о своем новом веб-сайте с помощью рассылки электронной почты
• Объявите о своем новом веб-сайте на всех своих платформах социальных сетей
• Разошлите пресс-релиз с объявлением о вашем новый сайт
• Продолжайте улучшать конверсию вашего веб-сайта с помощью A / B-тестирования

Веб-сайт

Советы по редизайну

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

The Wayback Machine

Будьте готовы к тому, что ваш мозг взорвется, но The Wayback Machine — это бесплатный веб-сайт, который делает снимок практически каждого веб-сайта в Интернете на протяжении всего времени. Правильно, вы можете ввести почти любой URL-адрес веб-сайта, и это даст вам моментальный снимок того, как веб-сайт выглядел на каждой итерации. Это отличный способ изучить другие компании и увидеть, как они со временем обновляли свой дизайн и обмен сообщениями. Одно из моих любимых занятий — просто пройтись по известным веб-сайтам и посмотреть, как они менялись с течением времени.

Ahrefs

Этот инструмент платный, но он того стоит. Если вы вообще занимаетесь поисковой оптимизацией, этот инструмент просто необходим. По сути, он сообщает вам, какой именно веб-сайт ранжируется с точки зрения SEO (поисковой оптимизации). Кто ссылается на этот сайт, какие якорные теги они используют? Практически все, что вы хотели бы знать с точки зрения SEO. Это полезно использовать как для вашего собственного сайта, так и для ваших соревнований. Это также отличный способ очистить BS от любых «SEO-компаний», которые заявляют, что знают, что они делают.Просто выполните быстрый поиск по их URL в Ahrefs, и вы мгновенно получите сыворотку правды о том, как у них на самом деле.

Who.is

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

InVision App

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

Pinterest

Pinterest — отличный способ отслеживать другие веб-сайты и создавать хранилище вдохновения для вашего проекта по редизайну веб-сайта . В основном то, что вы можете сделать, — это создать личную доску объявлений под названием «редизайн веб-сайта», а затем начать закреплять на сайтах, которые вам нравятся.Я считаю полезным сосредоточиться на отдельных аспектах веб-сайта, таких как кнопки, шрифты, значки, интригующие макеты, оригинальное использование изображений и т. Д. Затем, когда придет время поработать с дизайнером веб-сайта, вы можете поделиться с ними своей доской. и дайте им представление о том, что нравится вашему дизайну. Было бы даже полезно вести отдельную доску для всех элементов дизайна, которые вы НЕНАВИЖУ, чтобы ваш дизайнер также имел четкое представление об этом.

CopyScape

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

HotJar

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

Google Optimize

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

Как?

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

Один из лучших способов сделать это — использовать Google Optimize. Это позволяет вам проводить A / B-тесты на вашем сайте.

Что такое A / B-тест?

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

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

Это позволит вам точно узнать, какая идея лучше.

Что хорошего в Google Optimize, так это то, что он очень надежен, прост в использовании и, что самое главное, бесплатный!

Ред.

Как я уже упоминал ранее в этой статье, одним из самых больших препятствий на пути к завершению проекта редизайна веб-сайта является получение контента от клиента.Простое решение — попросить клиента озвучить свой текст в аудио, а затем использовать такую ​​службу, как Rev, для преобразования аудио в текст. Приблизительно за 1 доллар / мин аудио Rev преобразует (людьми) ваши произнесенные слова в текст редактирования. Они даже избавят вас от всех этих глупостей и ах. Затем вы можете нанять профессионального редактора, который отформатирует текст за вас по мере необходимости.

Grammarly

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

Hemingway App

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

Бесплатные Стоковые Фото

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

Сколько времени нужно, чтобы

изменить дизайн веб-сайта?

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

Это зависит…

От чего?

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

Я оцениваю масштаб проекта по общему количеству страниц на сайте и общему количеству уникальных шаблонов страниц.

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

10-15 страниц — 3 уникальных шаблона страниц — 6 недель

Я собирался написать таблицу для этого раздела, но это стало слишком запутанным, слишком быстро. Вместо этого давайте начнем с базового веб-сайта из 10-15 страниц с 3 уникальными шаблонами страниц. Страница довольно прямолинейна. Каждый раз, когда вы нажимаете на что-либо и переходите по другому URL-адресу, это страница на сайте. Это может быть что угодно, от вашей страницы «О нас» до страницы с условиями использования.

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

Каждый дополнительный шаблон страницы — добавьте 1 неделю

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

Каждые дополнительные 10 страниц — добавить 1 неделю

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

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

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

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

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

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

Сколько стоит

редизайн веб-сайта?

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

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

Время

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

Опыт

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

Маркетинг во многом похож на карате. Почему-то люди думают, что, поскольку они видели это так часто, они это уже знают. Когда они этого не делают.

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

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

Результаты

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

Ориентировочная цена на редизайн веб-сайта

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

Обычно наши цены начинаются с 5000 долларов за веб-сайт из 10–15 страниц с 3 уникальными шаблонами страниц.

Каждый дополнительный шаблон страницы (сверх начальных 3) стоит 1500 долларов, а каждая дополнительная страница (сверх начальных 15) стоит 100 долларов.Это должно дать вам хорошее представление о наших ценах на ваш проект.

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

Заключение

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

Редизайн веб-сайта: процесс, план, передовой опыт и стоимость

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

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

Краткое руководство:

Что означает редизайн веб-сайта?

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

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

• Улучшенный дизайн пользовательского интерфейса


• Расширенное присутствие в Интернете


• Более удобное взаимодействие с пользователем


• Более высокий коэффициент конверсии

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

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

Первое впечатление от веб-сайта имеет значение. Итак, сделайте это.

Интересные факты о дизайне веб-сайтов

• Переполненный или загроможденный дизайн веб-сайта — одна из самых распространенных ошибок, которые малый бизнес допускает при разработке веб-сайта.Это сбивает посетителей с толку и заставляет нажимать кнопку «Назад». ( Источник )


• Пользователю требуется всего 50 миллисекунд (это всего 0,05 секунды), чтобы составить мнение о веб-сайте и определить, нравится он ему или нет. ( Источник )


• 94% отрицательных отзывов любого сайта связаны с дизайном. ( Источник )


• 38% пользователей перестанут взаимодействовать с веб-сайтом, если его макет или контент непривлекательны.( Источник )


• 88% пользователей с меньшей вероятностью вернутся на веб-сайт после неудачного опыта. ( Источник )


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

Как узнать, нуждается ли веб-сайт в редизайне?

Имейте в виду, что создание веб-сайта — это не мгновенная задача. Безусловно, требуется много времени и усилий (и даже много денег), чтобы увидеть ваш сайт в надлежащем рабочем состоянии.

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

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

Однако, чтобы решить, действительно ли ваш веб-сайт нуждается в редизайне, задайте себе три важных вопроса:

• Вы теряете конверсии или продажи?


• Ваш дизайн сайта выглядит устаревшим?


• Имеет ли ваш веб-сайт ценность для ваших клиентов?

Если на эти три вопроса вы ответили «да», то пришло время изменить дизайн вашего веб-сайта.Решение особенно хорошее, если вы пытаетесь провести ребрендинг своего бизнеса.

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

1. Страницам требуется время для загрузки

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

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

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

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

2. Слишком много технических ошибок

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

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

3. Посетители не понимают, что вы делаете

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

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

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

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

4. Ваш веб-сайт не адаптируется или не оптимизирован для мобильных устройств

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

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

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

5.Со временем количество посетителей начинает падать

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

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

Хотите изменить дизайн своего сайта, но не знаете, с чего начать?

Сколько времени нужно на редизайн веб-сайта?

Хотя весь процесс разработки веб-сайта обычно занимает от 30 до 45 дней от начальной до конечной стадии, дизайн некоторых веб-сайтов займет больше времени — в зависимости от двух факторов:

• Объем проекта


• Сложность проекта

Обычно веб-сайт с простым или минималистичным дизайном, состоящий из 10–20 страниц, занимает около 5–6 недель .

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

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

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

Индивидуальный дизайн веб-сайта vs.дизайн шаблона

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

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

Что такое шаблон веб-дизайна?

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

Это отличная идея — выбрать дизайн на основе шаблонов, если вы ищете современный подход, но при этом экономически эффективный.

Итак, что же тогда такое индивидуальный дизайн веб-сайта?

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

Создание индивидуального веб-сайта с 25–45 страницами может занять около 3–6 месяцев. Однако это всего лишь оценка. Честно говоря, это зависит от некоторых факторов, которые описаны ниже.

Факторы, влияющие на время завершения дизайна веб-сайта:

1. Количество страниц

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

2. Тип конструкции

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

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

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

3. Количество привлеченных разработчиков

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

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

Давайте разберемся с этим с помощью простой пословицы.

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

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

4.Функциональность

Сроки завершения редизайна вашего сайта во многом зависят от его функциональности.

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

5. Содержание

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

Кроме того, есть еще больше «субъективности» в отношении копирования.

Рекомендации по редизайну веб-сайта

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

1. Разработайте для своих пользователей

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

Познакомьтесь со своим:

• Поведение пользователей


• Ожидания пользователей

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

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

2.Добавьте привлекательные визуальные элементы

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

3. Поддержание единообразия бренда

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

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

Убедитесь, что эти данные согласованы по всем каналам:

• Шрифт


• Фотография


• Логотип


• Цветовые схемы

4. Выделите CTA контрастным цветом

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

5. Оптимизация сайта для SEO

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

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

• Используйте ключевые слова, релевантные вашему бизнесу


• Добавить альтернативный текст к каждому загружаемому изображению


• Напишите правильные метаописания


• Включить метатеги

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

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

Процесс редизайна веб-сайта

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

Вот пошаговое руководство по выполнению этого:

Шаг 1. Создайте стратегию

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

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

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

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

Что делать?

• Проведите аудит вашего текущего веб-сайта и его структуры


• Определите, что не так с текущим веб-сайтом


• Создайте образ покупателя


• Анализируйте поведение пользователей


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

Шаг 2. Создание каркасов для вашего веб-сайта

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

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

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

Шаг 3. Создайте веб-сайт

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

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

Шаг 4. Сохраняйте приоритет «качества»

Теперь, когда все построено и каждая веб-страница функционирует так, как вы хотите, пора протестировать.

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

Что нужно тестировать?

• Проверьте, нормально ли работает сайт в разных браузерах.


• Ищите ошибки или проблемы.


• Проверить скорость веб-сайта. Не игнорируйте время загрузки страницы.


• Ищите человеческие ошибки (ошибки, опечатки и т. Д.)

Когда тестирование завершено, пора «НАЧАТЬ ЖИТЬ».

Шаг 5. Запустите новый веб-сайт

Хотя этап «запуска» звучит весело и увлекательно, он также вызывает стресс, потому что что f идет не так? Что делать, если вы не планировали непредвиденных обстоятельств?

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

Запуск веб-сайта не происходит «нажатием кнопки». Необходимо позаботиться о многих технических деталях.

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

Шаг 6: Позаботьтесь о мероприятиях после запуска

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

Итак, у вас должен быть «план после запуска», который должен включать:

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


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


• Долгосрочные действия: Включает план по совершенствованию и расширению веб-сайта.

Стоимость редизайна сайта

Стоимость редизайна веб-сайта не точна.Напротив, это зависит от:

Типа проекта и его сложности.

Простой веб-сайт (статический) с минимальной стоимостью дизайна составляет от 500 до 5000 долларов и более. С другой стороны, простой, но индивидуальный дизайн варьируется от 20 000 до 50 000 долларов и более.

Веб-сайт большего размера и сложной функциональности будет стоить от 25 000 до 50 000 долларов и более.

Что такое редизайн веб-сайта? — бизнес.com

Если вы чувствуете, что пришло время оптимизировать свой интернет-магазин для мобильных устройств, означает ли это, что вы меняете его дизайн? Если вы нанимаете разработчиков для настройки темы WordPress по умолчанию, которую вы используете в течение многих лет, считается ли это редизайном? Что делать, если вы переходите с WordPress на Drupal?

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

1. Разработайте продуманную стратегию редизайна.

• Определите свой бренд и целевую аудиторию. Как ваши клиенты относятся к вашей компании? Чего они ждут от вас и вашего сайта? Обязательно изучите отзывы пользователей, полученные с момента запуска веб-сайта.
• Изучите данные Google Analytics, чтобы определить, какие страницы и контент должны остаться нетронутыми, что работает хорошо, а что нет.Будет ли контент хорошо сидеть на вашем новом веб-сайте?
• Определите ключевые показатели эффективности — количество посетителей веб-сайта в месяц, показатель отказов, среднее время нахождения на веб-странице и т. Д. — которые имеют значение для вашего бизнеса.
• Ставьте цели. Например, вы можете захотеть ускорить работу своего корпоративного сайта, расширить его функциональность, повысить коэффициент конверсии. или просто измените его внешний вид.

• Приступите к конкурентному анализу и найдите несколько веб-сайтов, которые вам нравятся больше всего. Какие функции они используют? Если вы готовы углубиться в технические детали, вы можете рисовать каркасы на бумаге и ручке или использовать простые инструменты, такие как Mockplus или Balsamiq, чтобы определить, как элементы пользовательского интерфейса (UI), такие как ползунки, значки и текстовые блоки, будут отображаться на экране. и как экраны будут связаны друг с другом.

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

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

2.Решите, что вам нужно прямо сейчас, а что может понадобиться в будущем.

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

Термин «редизайн веб-сайта» может относиться к любому из следующего:

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

Какой подход следует использовать вашей компании?

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

Очевидно, что больше кода означает более высокие затраты на редизайн веб-сайта. Тогда сколько стоит обновить бизнес-сайт? (Эти оценки основаны на средней почасовой ставке разработчика от 30 до 35 долларов США; ваши расходы могут варьироваться.)

• Настройка темы WordPress, Drupal или Magento обычно занимает две недели и стоит от 3000 до 3500 долларов.
• Разработка темы индивидуального дизайна включает в себя создание эскизов, макетов и определение требований, поэтому будьте готовы подождать четыре-пять недель и потратить до 7000 долларов.
• Переход на новую CMS равносилен созданию веб-сайта с нуля. Его стоимость зависит от нескольких факторов, в том числе от вашего выбора CMS, сложности бизнес-логики вашего сайта и передачи данных. Если вы выберете WordPress, средний бизнес-сайт будет стоить вам от 9000 до 10 500 долларов. С Drupal цена колеблется от 12 600 до 15 000 долларов.
• Интеграция со сторонними модулями и расширениями обычно занимает два дня и добавляет от 300 до 400 долларов за модуль.

Как дальновидный мыслитель, вы должны представить свою компанию через пять лет и заложить основу для будущих изменений. Возьмем WordPress, CMS, которая поддерживает 29,4% всех веб-сайтов и предлагает более 40 000 плагинов и тем оформления. Если вы решите поменять устаревший сайт Adobe Catalyst на стильный магазин WordPress, вы можете добавить 1000 страниц в свой каталог и не беспокоиться о масштабируемости и производительности сайта.

3. Тестирование и запуск.

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

• Похож ли веб-сайт на те ранние макеты, которые вы создали или одобрили?
• Работает так, как вы ожидали?
• Можете ли вы быстро восстановить данные, если что-то пойдет не так?
• Перенаправляют ли старые страницы на новые?

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

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

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

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

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

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

Ваша целевая аудитория изменилась

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

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

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

Отсутствует или обновляется сообщение о бренде

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

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

Цель вашего веб-сайта обновлена ​​

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

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

Ваши клиенты или пользователи жалуются

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

• Я не могу найти вас в Интернете.
• Ваш веб-сайт нельзя использовать на мобильном устройстве.
• У меня проблемы с оформлением заказа и покупкой вашего продукта.
• Вы предлагаете продукт «x» или услугу «y»?
• Где находится ваш бизнес?
• Где я могу купить ваш товар?

Изменения в отраслевых тенденциях в дизайне

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

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

1. Повлияет ли изменение дизайна нашего веб-сайта на восприятие нашего бренда?
2. Используют ли наши конкуренты эти новые тенденции?

Ваш веб-сайт выглядит ненадежным или устаревшим

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

В 1999 году Якоб Нильсен определил четыре способа, с помощью которых веб-сайт может сообщать о надежности:

• Качество дизайна
• Переднее раскрытие
• Полное и актуальное содержание
• Подключение к остальной части сети

В недавнем исследовании Nielsen Normal Group они отметили, что те же самые факторы, которые Якоб Нильсен выявил в 1999 году, продолжают влиять на пользователей и сегодня.

У вашего веб-сайта плохая основа

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

Основная проблема №1: ваш веб-сайт не оптимизирован для скорости

Знаете ли вы, что 47% потребителей ожидают, что веб-сайт загрузится менее чем за две секунды, а 40% покинут веб-сайт, если загрузка займет больше трех секунд? Google также встроил скорость веб-сайта в свой алгоритм, чтобы вознаграждать быстро загружаемые сайты.

Два наших любимых инструмента для анализа скорости страницы — это Google Page Speed ​​Tool и Pingdom Tools. Эти инструменты сообщают о множестве факторов, которые отрицательно влияют на скорость, и все они обычно являются результатом одной или нескольких из следующих проблем веб-сайта:

• Ресурсы сервера — Многие владельцы веб-сайтов думают, что весь хостинг создан одинаково, и они могут использовать дешевую хостинговую компанию; не надо.Если вы создаете свой сайт в WordPress, мы рекомендуем использовать WPengine в качестве хоста. На протяжении многих лет мы использовали множество хостов, и они, безусловно, самые лучшие.
• Плохой код — Часто компании передают свои разработки на аутсорсинг тому, кто предложит самую низкую цену. Обычно это приводит к плохо разработанному коду (среди прочего).
• Ненужные сценарии Javascript — Проблема многих тем WordPress заключается в том, что их код включает множество сценариев, которые не используются или не нужны. Эти сценарии загружаются на каждую страницу, даже если они не используются, что приводит к медленной загрузке страницы.
• Размер изображения — Оптимизация изображений для Интернета может иметь большое влияние на скорость загрузки страницы. Если вы используете WordPress, существуют плагины, которые помогут вам управлять размером изображения. К ним относятся такие плагины, как WP Smush, Kraken Image Optimizer и ShortPixel Image Optimizer.

Основная проблема № 2: Ваша CMS не оптимизирована для SEO

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

Мы провели аудит сайтов многих крупных компаний. Когда мы говорим с поставщиком CMS о процессах внедрения, мы шокированы тем, что не можем реализовать даже базовые элементы SEO, такие как канонические теги, уникальные теги заголовков или теги h2. Если трафик Google важен для вашего сайта, а ваша текущая CMS не оптимизирована для SEO, мы рекомендуем разорвать с ней связи и перестроить ваш сайт на CMS, в которую встроены лучшие в своем классе функции SEO. Билл Росс, Линчпин

Основная проблема № 3: Ваш веб-сайт не отвечает

По данным Google, 61% пользователей вряд ли вернутся на веб-сайт, который не работает на мобильных устройствах, а 40% вместо этого посетят веб-сайт конкурента.

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

Основная проблема № 4: Ваш веб-сайт сложно использовать

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

Основная проблема № 5: Сложно добавить функциональность

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

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

Основная проблема № 6: Ваш веб-сайт плохо воспринимается пользователями

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

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

Дизайн пользовательского интерфейса (UI) — Наличие отличного пользовательского интерфейса означает, что ваше визуальное представление на разных устройствах интуитивно понятно, согласовано и соответствует ожиданиям пользователей.

Стратегия информационной архитектуры (IA) — Наличие отличной информационной архитектуры означает, что организация вашего веб-сайта соответствует ожиданиям ваших пользователей.

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

Веб-сайт вашего конкурента вызывает у вас зависть

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

Их SEO лучше

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

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

У них лучшая функциональность и улучшенное содержание

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

Их дизайн лучше

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

Что дальше

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

Стратегия редизайна веб-сайта: полное руководство

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

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

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

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

Необходимость редизайна веб-сайта

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

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

Расширение компании

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

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

Не отвечает некоторым пользователям

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

Низкий коэффициент конверсии

Основная цель веб-сайта — стимулировать продажи, если он этого не делает, в чем тогда смысл? Ваша клиентская база в основном определяется вашим веб-сайтом и тем, насколько он привлекателен для них. Чем больший интерес он вызывает у покупателей, тем выше вероятность, что они совершат покупку. Слишком сложный текст, набитый корпоративным жаргоном, недостаток CTA, недостаток эстетики; все это будет способствовать меньшему количеству конверсий ваших посетителей.И единственный способ преодолеть это — редизайн.

Сложный пользовательский интерфейс

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

Оживите свой бренд

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

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

Стратегия редизайна веб-сайта

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

Проанализируйте расходы и их влияние на вас

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

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

Проверить существующий веб-сайт

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

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

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

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

Установите приоритеты для достижения целей

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

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

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

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

Создание уникального имиджа бренда

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

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

Источник: Amazon

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

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

Оцените конкурентов

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

Удовлетворяйте свою аудиторию больше, чем себя

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

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

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

Сделайте сайт отзывчивым для всех

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

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

В центре внимания программное обеспечение

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

Журналистским веб-сайтам требуется гораздо больше гибкости в содержании, чем веб-сайтам любой другой категории. Поскольку Drupal является воплощением гибкости и предоставляет только правильный набор основных функций и дополнительных модулей, его выбор становится легкой задачей. Веб-сайт Earth Journalism Network является ярким примером значительных улучшений, которые можно сделать с помощью редизайна веб-сайта. Команда OpenSense Labs перенесла старый сайт, который работал на CMS на основе Python, на Drupal 8. В конечном итоге это оказалось замечательным шагом, поскольку создание и управление контентом оказалось сверхэффективным.Получите доступ к полному тематическому исследованию Earth Journalism Network, чтобы узнать больше.

Подход к изменению дизайна веб-сайта: ESR

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

Все это превращается в прогулку по парку с Evolutionary Site Redesign или ESR. Это подход, который постоянно проверяет определенные проблемные области ваших веб-сайтов, давая вам отзывы об их работе.

Источник: Wider Funnel

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

Ошибки, которых следует избегать

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

Невзрачный объем

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

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

Без акцента на содержании

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

Откусить больше, чем вы можете прожевать

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

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

Компромисс в одном аспекте для другого

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

Правильный партнер для редизайна веб-сайта

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

Вот несколько советов, которые могут вам помочь;

Какова его ниша?

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

Какой подход использует агентство?

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

Насколько хорошо это с точки зрения производительности?

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

Может ли он провести аудит?

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

Знают ли они вашу целевую аудиторию?

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

Насколько обширны его услуги?

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

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

Редизайн веб-сайта — не разовое мероприятие

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

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

Редизайн веб-сайта — все, что вам нужно знать

Что вы узнаете о редизайне веб-сайта из этой статьи

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

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

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

Перейдите по этой странице, щелкнув ссылки на главы ниже

1. Изучите основные термины, чтобы разумно говорить о веб-сайтах
2. Зачем менять дизайн веб-сайта?
3. Как изменить дизайн веб-сайта
4. Следует ли мне нанять агентство для изменения дизайна моего веб-сайта?
5. Какие навыки необходимы для изменения дизайна моего веб-сайта?
6. Сколько стоит редизайн сайта?

Что такое редизайн веб-сайта?

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

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

Термины, которые нужно знать о веб-сайтах

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

SEO — Обозначает поисковую оптимизацию. Это процесс оптимизации вашего веб-сайта для получения органического трафика со страниц результатов поисковых систем (SERP). Другими словами, он заставляет ваш веб-сайт отображаться в верхней части результатов поиска, когда люди выполняют поиск в Google, а затем заставляет их нажимать на ссылку на ваш веб-сайт. (Определено Search Engine Land.)

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

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

UI / UX — Пользовательский интерфейс (UI) ориентирован на внешний вид и макет веб-сайта.Пользовательский опыт (UX) относится к пользовательскому опыту, который фокусируется на том, как что-то работает и как люди с ним взаимодействуют. Это продвинутые навыки, выходящие за рамки хорошего дизайна.

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

URL — Ваш URL — это адрес вашего веб-сайта.Наш URL-адрес — limelightmarketing.com.

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

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

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

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

Руководство по планированию веб-сайта и шаблон

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

получить руководство

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

SERP — Аббревиатура страниц результатов поисковой системы.Это страницы, отображаемые поисковыми системами, такими как Google, Bing и Yahoo, в ответ на запрос поисковика. На изображении выше также показан список результатов поиска.

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

---

Причины изменения дизайна вашего веб-сайта

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

1. Ваш веб-сайт не отвечает.

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

Почему это важно?

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

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

• В 2009 году глобальный процент всего поискового трафика через мобильные устройства составлял 0,7%. В 2015 году он составлял около 35%. В 2020 году на мобильные устройства приходится около 52,2% всего веб-трафика. Если у вас нет адаптивного сайта, вы можете исключить более половины своей аудитории — и это количество растет.

2. Ваш веб-сайт выглядит устаревшим.

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

3.Ваш веб-сайт не приносит потенциальных клиентов и не приносит ожидаемого дохода.

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

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

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

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

4. Веб-сайт не оптимизирован для поисковых систем, таких как Google.

Ежедневно в Google выполняется в среднем 5,6 миллиарда поисковых запросов. Google — это надежный источник, к которому люди обращаются за информацией. Нужно найти рецепт? Поищи в Гугле. Хотите сравнить цены перед покупкой? Поищи в Гугле. Хотите узнать о продукте и не хотите разговаривать с продавцом? Поищи в Гугле.Google настолько вездесущ в нашей жизни, что даже превратился в глагол.

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

5. Обновить ваш сайт непросто.

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

6. Ваша компания занимается ребрендингом.

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

Каков процесс редизайна веб-сайта?

Шесть ключевых шагов в процессе редизайна веб-сайта от LimeLight Marketing

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

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

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

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

6 основных этапов процесса редизайна веб-сайта

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

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

1. Стратегия и планирование

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

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

Разберитесь с личностями покупателей или историями пользователей .

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

Оцените свой контент.

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

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

Определите возможности преобразования.

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

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

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

Рассмотрим подход к проектированию, ориентированный на рост.

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

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

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

Исследование ключевых слов

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

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

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

После того, как вы определили желаемые ключевые слова (ключевые слова с коротким, длинным и широким соответствием), используйте такой инструмент, как Keywords Everywhere, чтобы найти связанные ключевые слова, увидеть объем поиска, цену за клик (CPC) и конкурентоспособность. данные.Вам также следует использовать Google Search Console, чтобы узнать, по каким ключевым словам ваш сайт в настоящее время ранжируется.

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

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

Стратегия ссылок

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

Внутренние (или входящие) ссылки

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

Внешние (или исходящие) ссылки

Это ссылки с вашего веб-сайта на сторонние веб-сайты.Они полезны для посетителей веб-сайта, так как позволяют им легко находить связанный контент и информацию, которые вы «одобряете» по ссылке. Когда вы связываетесь с доверенными органами, такими как Forbes или Better Business Bureau, вы усиливаете их доверие к своему собственному бренду. По мнению Yoast, Google и всех ведущих авторитетов, внешние ссылки также являются основным фактором в SEO.

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

Обратные ссылки

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

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

2. Контент

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

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

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

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

Профессиональный копирайтинг — необходимость

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

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

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

3. Дизайн

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

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

На этапе проектирования вы можете видеть каркасы определенных страниц и макеты дизайна страницы. Эти макеты позволят вам зафиксировать общий вид сайта — будет ли на нем много белого пространства? Большие изображения? Как будут выглядеть основные и дополнительные кнопки?

Это когда пользовательский опыт и пользовательский интерфейс (UX / UI) уже созданы, поэтому важно работать с дизайнером, который имеет опыт разработки веб-сайтов и понимает, что лучше всего работает для привлечения посетителей к действию.В LimeLight мы начинаем с макета домашней страницы и проходим изменения, пока не получим одобренную домашнюю страницу. Оттуда мы создаем макеты дочерних страниц сайта. Использование такого инструмента, как Invision, позволяет вам разрабатывать вместе лучше и быстрее.

4. Разработка

На этом этапе ваш веб-сайт кодируется разработчиком и создается ваша система управления контентом (CSM). Он берет эти дизайнерские документы и превращает их в настоящий веб-сайт.Большая часть этой работы выполняется за кулисами, когда вы работаете с агентством.

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

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

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

Вы почти готовы к запуску сайта. Обычно к этому времени все взволнованы и готовы показать миру новый сайт. Но не пропускайте этот шаг!

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

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

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

6. Запуск сайта

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

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

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

Вот БЕСПЛАТНОЕ руководство и простой в использовании шаблон для создания образа покупателя, который вы можете использовать на этом этапе.

Руководство и шаблон для покупателя

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

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

Разработка веб-сайтов собственными силами

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

Преимущества собственной разработки:

• Контроль: Вы полностью контролируете проект и можете принимать все решения без влияния третьей стороны.

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

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

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

Минусы собственной разработки:

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

• Время и объем: Создание веб-сайтов — отстой много времени. Обычно для этого требуется более 100 часов, а для больших сайтов потребуется значительно больше времени. У внутренних команд редко бывает столько дополнительных возможностей, особенно это не влияет на другие инициативы компании.

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

Найм агентства веб-дизайна

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

Преимущества найма агентства веб-дизайна

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

• Специалисты : У них есть специалисты и навыки, необходимые для работы. У агентств есть копирайтеры, стратеги, веб-дизайнеры, разработчики, эксперты по UI / UX, специалисты по SEO и менеджеры проектов в штате, так что каждый аспект проекта выполняется кем-то, кто обучен и имеет опыт в своей соответствующей роли, а не универсал.

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

Минусы найма агентства веб-дизайна

• Обязательство: Вы должны будете придерживаться графика и объема работ, чтобы проект выполнялся вовремя и в рамках бюджета.Агентства заранее составляют графики проекта и определяют масштаб проекта, чтобы вы знали его стоимость. Им нужно, чтобы ваш проект оставался вовремя по нескольким причинам, включая планирование бюджета и ресурсов.

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

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

Наем внештатного дизайнера / разработчика

Преимущества найма внештатного веб-дизайнера

• Стоимость: У фрилансеров обычно низкие накладные расходы, поскольку они часто работают из дома, и многие из них имеют работа на полную ставку, поэтому они работают на стороне за дополнительные деньги. Они могут стоить меньше, чем агентство.

• Гибкость: В зависимости от того, с кем вы работаете, некоторые фрилансеры довольно гибки в своих процессах.Они могут не использовать инструменты и процессы, которые есть в агентствах, потому что всю работу выполняет один человек.

Минусы найма внештатного веб-дизайнера

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

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

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

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

Кто должен участвовать в команде по редизайну веб-сайта

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

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

• Менеджер проекта — Этот человек отвечает за создание расписания проекта, определение зависимостей между задачами, установку дат начала и сроков для задач, а также обеспечение доступности ресурсов и возможности завершить свою часть проекта на расписание.

• Копирайтер — Этот человек не только отличный писатель, но и понимает, как текст влияет на SEO, и пишет соответственно.Они либо проводят исследование ключевых слов, либо используют информацию из существующих исследований ключевых слов для информирования процесса написания.

• Web Designer / UI / UX Specialist — Эти две роли могут быть одним человеком или двумя людьми в зависимости от их навыков. Дизайнер — это тот, кто разрабатывает страницы, а специалист по UI / UX гарантирует, что дизайн создает отличный пользовательский интерфейс. Вот отличная статья под названием «10 лучших навыков веб-дизайнера, которые вы должны знать в 2019 году».

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

• Front-end Developer — этот человек кодирует веб-сайт. Они имеют опыт работы с HTML / CSS, JavaScript / jQuery, CSS и JavaScript-фреймворками, предварительной обработкой CSS, контролем версий / Git, адаптивным дизайном, тестированием / отладкой, инструментами разработчика браузера, инструментами построения и автоматизации / веб-производительностью и командной строкой.

• Back-end Developer — эта роль не требуется для каждого проекта веб-сайта. Иногда ваш интерфейсный разработчик может удовлетворить потребности разработки.Если ваш проект требует серьезной внутренней интеграции с системами ERP, сложными CRM или другими внутренними или сторонними приложениями, может потребоваться внутренний разработчик.

Сколько стоит редизайн веб-сайта?

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

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

Драйвер затрат: создание содержимого веб-сайта

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

1. Переназначение существующего содержания
2. Создание нового содержания

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

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

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

Перепрофилированный контент будет дешевле, чем создание нового контента. Объем контента (нового или перепрофилированного) — еще один фактор затрат. Если вашему сайту нужен контент для 10 страниц, стоимость будет намного меньше, чем для контента 100 страниц.

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

Фактор затрат: проектирование веб-сайта

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

1. Дизайн веб-сайта с предварительно созданной темой
2. Дизайн веб-сайта на заказ

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

Существуют буквально тысячи тем на выбор. Выбрав тему, вы можете настроить ее под свой бренд.Чем больше вы настраиваете тему, тем больше времени и денег на это потребуется. Если вы используете готовую тему, лучше всего найти ту, которая соответствует 80–90% вашим требованиям.

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

Драйвер затрат: программирование и функциональность

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

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

Итак, какова стоимость веб-сайта?

Ответ — зависит от обстоятельств.

No related posts.