Кто такой этот ваш редизайн сайта?

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

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

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

Для чего нужен редизайн сайта 

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

1. Юзабилити. Редизайн на сайт нужен, если им неудобно пользоваться. Посетители не понимают, как им совершить целевое действие (купить, подписаться, позвонить) и уходят к конкурентам. Если данные систем веб-аналитики показывают равномерное снижение конверсии и глубины просмотра страниц, эту проблему исправляют в первую очередь. 
2. Адаптивность. Если вашему сайту больше 5 лет, есть риск, что он некорректно отображается на мобильных устройствах. Чтобы это проверить, достаточно использовать один из сотни сервисов, анализирующих адаптивность для устройств с разной диагональю и на разных ОС, а чтобы исправить — нужен редизайн сайта.
3. Конкурентность. У каждой отрасли свои “фишки” — способы рассказать о продукте, функции, с которыми его легче найти, выбрать и заказать. Одни из них — база, без которой ресурс не будет восприниматься серьезно. Другие — тренды, появившиеся недавно и хорошо оцененные пользователями и поисковыми системами. Ваш сайт должен быть не менее функциональным, чем ресурсы конкурентов, а еще соответствовать ожиданиям и просто быть лучше, если вы лидер в своем сегменте или планируете им стать. 

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

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

1. Визуальный. Изменить цветовую гамму, залить новые изображения и анимации, сменить шрифты и расположение блоков, в том числе в соответствии с актуальным трендам веб-дизайна — можно сделать редизайн сайта недорого. Только “косметические” улучшения увеличат конверсию, привлекая новых клиентов и повышая лояльность постоянных. Визуальный редизайн сайта в Украине хорошо работает, например, для интернет-магазинов и новостных порталов, где уже есть разветвленная система категорий, фильтров и другие опции, но внешне ресурс выглядит устаревшим. 
2. Функциональный. Добавить новые разделы в меню, написать дополнительные фильтры, систематизировать навигацию, подключить плагины, расширяющие возможности, например, карты или системы оплаты — все это тоже редизайн. Эта часть задачи нужна для того, чтобы ресурс был не только красивым, но и удобным. Функциональный редизайн сайта в Харькове и не только часто проводят вместе с СЕО-оптимизацией. Увеличить видимость ресурса в поисковых системах невозможно, если не исправить внутренние ошибки логики в коде и не улучшить юзабилити. 
3. Технический. Оптимизация и стандартизация программного кода нужна, если сайт сделан с ошибками — глючит, медленно грузится и в целом не выполняет свою задачу. Если проблемы очень серьезные, иногда выгоднее не тратить время и деньги на редизайн сайта, а заказать разработку нового. 

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

Сохраняем достижения

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

Аналитика и подготовка

Первый этап модернизации — комплексная подготовка: технический аудит и UX-анализ:

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

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

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

Ни один редизайн сайта в Киеве или где-либо еще не проводится без создания бекапа.

Забота о пользователях

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

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

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

Контент и метаданные 

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

1. Текст. Текстовый контент переносят вместе с тегами title и description (а также тегами оформления b, i, ul и тд.) на страницы с соответствующим содержимым. Если при редизайне были изменены или созданы важные для продвижения страницы — прописываются новые заголовки. Если этого не сделать или допустить ошибку, ее очень быстро обнаружат поисковые роботы, и ваша позиция в выдаче снизится.
2. Картинки. Каждому новому изображению на сайте с редизайном присваивается alt-тег описание, а старые картинки переносятся вместе со своими альт-тегами.
3. Анимация. Динамические элементы с медленными скриптами замедляют загрузку, а также некорректно отображаются и мешают пользователям, если не прошли проверку на адаптивность. Все анимированные с JavaScript объекты тщательно тестируются перед запуском.
4. Редирект. Карта редиректов поможет пользователям и поисковым роботам по-прежнему высоко оценивать сайт, даже если его структура изменилась. При редизайне стараются сохранить как можно больше адресов страниц, особенно если они приносят трафик, но оставить все из них получается очень редко. 301 редирект перенаправит пользователей на новые страницы, соответствующие тому же запросу, что и старые. Если вы собираетесь удалить страницу или целую категорию при редизайне, надо позаботиться о том, чтобы пользователи, кто сохранил ссылку у себя в браузере или нашел ее на стороннем ресурсе, попадал на ваш сайт, по крайней мере на главную страницу. Настроить Redirect 301 можно при помощи плагинов для CMS, а также вручную. В то, сколько стоит редизайн сайта, входит также создание страницы для ошибки 404. Она должна рассказывать пользователю о том, что ведутся работы над улучшением ресурса, и содержать ссылки на популярные разделы.

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

Можно ли поменять CMS при редизайне

Очень часто сменить CMS (систему управления контентом) при редизайне — то же самое, что создать сайт с нуля: цена услуг по разработке будет одинаковой, если не больше, а поисковые роботы будут индексировать все страницы без переадресации, как новые. Мы можем перенести ваш сайт на Magento, OpenCart, WordPress и любую другую CMS, поможем выбрать среди них ту, которая лучше всего соответствует задачам вашего бизнеса — справится с нагрузкой, будет удобной в настройке и администрировании и т.д. Цена редизайна будет тесно привязана к количеству старых url-адресов, которые нужно сохранить, и новых, для которых настраиваются 301 редиректы и rel=canonical.

Второй вариант, если вам очень хочется перейти на другую систему управления контентом (например, на Битрикс, чтобы облегчить подключение CRM и 1С), или существующий сайт морально устарел настолько, что обновить его сложнее, чем написать новый — закажите разработку нового. Оставьте вначале возможность переключаться между версиями и постепенно приучайте пользователей к более современной.

Редизайн сайта, в том числе и с переходом на новую CMS, включает стоимость базовой сео-оптимизации. Вы получите ресурс с настроенными счетчиками и другими опциями Google Analytics без дублей страниц, с правильной перелинковкой и отсутствием битых ссылок. Наши специалисты проставят теги canonical, noindex и атрибуты nofollow для некоторых новых блоков, например, ссылок на внутренние статьи из блога, большое количество которых может испортить статистику поиска. Если открывать к ним доступ постепенно, можно будет контролировать изменения и откатывать их. Сео-специалисты также обновят XML- и HTML-карты сайта и откроют их и страницы для индексации в robots.txt. 

Обратная связь

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

Воплощаем идеи 

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

Зачем нужен уникальный дизайн

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

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

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

Базовые этапы визуального редизайна

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

1. Утвердить палитру сайта. Основной цвет для фона и несколько контрастных для выделения контента, блоков и функциональных элементов лучше выбирать из заготовленных таблиц сочетаемости оттенков. Вы можете выбрать любые цвета или довериться дизайнерам — они расскажут, как разные оттенки влияют на эмоции потребителя и стимулируют в нем определенные желания. 
2. Найти стиль. Даже если вы точно знаете, какой стиль вам нравится — минимализм, ретро, винтаж, брутализм, органик, футуризм и прочее — найдите пример, а лучше несколько и покажите дизайнеру, чтобы вам было проще друг друга понять. 
3. Выбрать шрифт. Текстовый контент составляет внушительную часть большинства сайтов и это всегда один из самых важных элементов. Даже если при редизайне вы хотите оставить минимум слов и добавить максимум графики, правильный шрифт, а также кегль и интерлиньяж, оставят у посетителя нужное впечатление.
4. Графика и анимация. Уникальные фирменные изображения на сайте, так же, как и “живые” элементы — тренды в веб-дизайне, которые не потеряют популярность еще много лет. Индивидуальность и органичность — прямой путь к хорошим отзывам от пользователей и первым строчкам выдачи. Обговорите с дизайнерами создание уникальной инфографики, фотографий, 3D-изображений, видео и, конечно же, анимацию блоков и контента внутри них. Здесь важно помнить о юзабилити и советоваться с UX-специалистом, чтобы эффекты приводили к целевому действию, а не отвлекали от него или мешали его совершить. 

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

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

Разработка прототипа и составление ТЗ

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

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

Здесь также важен наш собственный большой опыт в разработке и редизайне сайтов разной тематики. Наши аналитики и UX/UI-дизайнеры следят за актуальными трендами, а также проверили их результативность на практике, оценив KPI по разным параметрам на примере тех наших клиентов, для которых мы использовали их ранее. 

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

• Основные —  Главная, Категория, Карточка товара, Корзина (Личный Кабинет), Информационная (FAQ, блог, обмен и возврат и т.д.) и Контакты.
•  Дополнительные — страницы для акций, списка физических магазинов или точек выдачи, отслеживания заказов и прочего, если у вас есть такой функционал;
• Формы заказа, всплывающие окна и т.д.

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

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

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

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

Редизайн сайта состоит из 6 этапов:

1. Аналитика и подготовка. На этом этапе мы обсуждаем ваши идеи и анализируем задачи, чтобы понять, каким именно должен быть сайт после редизайна. Аналитика поможет нам лучше понять ваш продукт, его постоянных и перспективных пользователей, конкурентов и другие важные нюансы, чтобы предложить оптимальное решение текущих и будущих задач. Мы проводим технический аудит и UX-анализ уже существующего сайта и обсуждаем его работу с вами и вашими менеджерами по продажам, чтобы найти проблемы и способ исправить их. 
2. Разработка ТЗ и проектирование. Данные аналитики — основа для подробной технической документации для менеджера, разработчиков, дизайнеров, тестировщиков, контентщиков, сео-специалистов и других участников проекта, которые будут работать над редизайном сайта. Мы подписываем договор и начинаем создание UI/UX макета сайта, чтобы протестировать юзабилити и показать вам итоговый результат. При разработке прототипа учитываются данные аналитики, в частности, поведенческие факторы целевой аудитории и технического аудита. Мы сохраняем максимум от структуры сайта и путей, по которым пользователи перемещаются по сайту, чтобы сохранить постоянных клиентов. Дополняем их новыми функциями, повышающими комфорт и простоту использования сайта, новыми страницами, увеличивающими конверсию, и контентом. Прототип тестируется и передается вам на утверждение.
3. UI-дизайн. Редизайн сайта похож на создание его с нуля. Мы сохраняем структуру, но создаем совершенно новый внешний вид — персонализированный, запоминающийся и решающий проблемы, которые были у проекта до редизайна. Наши дизайнеры используют данные аналитики, знания о новых трендах и опыт, чтобы создать новое видение вашего фирменного стиля. Общая концепция сайта и его графический, текстовый и видеоконтент будут работать на общий результат — привлекать клиентов, рассказывать им о преимуществах вашего предложения и подводить к целевому действию.
4. Front-end и back-end разработка. Работа back-end программистов — исправить ошибки в коде, если они есть, написать новые страницы с функциональными возможностями, которых не было на старой версии сайта, и объединить их в одно целое со старыми на существующей CMS или полностью пересобрать проект на новой. Front-end разработчики напишут html-код для каждой страницы дизайн-макета, сделают так, чтобы все возможности, описанные в техническом задании, работали с соответствующими функциями, а сам сайт в браузере выглядел точно так, как на прототипе.  
5. Тестирование. Сайт после редизайна проходит QA-тестирование, включающее в себя проверку адаптивности и кроссбраузерности. Тестирование позволяет найти и исправить возможные баги, чтобы вы получили сайт, который не оттолкнет пользователей, а наоборот привлечет их и рост прибыли.

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

С нами вы получаете больше

“Brander” занимается разработкой уникальных и узнаваемых сайтов уже более 10 лет. За это время мы успешно завершили более 700 успешных проектов для e-commerce. Мы умеем воплощать в жизнь даже самые смелые проекты и стартапы. Среди наших проектов — сайты и приложения для банков, операторов сотовой связи, маркетплейсов, сервисов доставки и крупных интернет-магазинов для лидеров отраслей. Редизайн сайта для нас — это всегда вызов. Идеи, требующие персонализированного и нестандартного подхода — наш профиль!

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

Если вам интересно, как мы проводим редизайн сайта — примеры есть в нашем портфолио.

От чего зависит стоимость редизайна

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

Общая цена рассчитывается после утверждения технического задания. В нем прописываются обязательства сторон, а также сколько часов работы back-end и front-end разработчиков, UI/UX дизайнеров, аналитиков, сео-специалистов и других сотрудников “Brander” понадобится на воплощение вашей идеи. Над вашим проектом будет работать большая команда, которая займется сохранением и расширением структуры сайта, реализацией нестандартных функций, созданием нового дизайна и контента, исправлением ошибок и оптимизацией. Сделать редизайн иногда даже тяжелее, чем разработать новый проект с нуля. Это комплексная задача, требующая много вашего времени и усилий специалистов, но намного более выгодная с точки зрения имиджа бренда и работы с целевой аудиторией, чем покупка готового сайта, цена которого будет меньше. После редизайна вы получите полностью обновленный, стабильный, функциональный и быстро работающий сайт, сохранивший позиции в выдаче и постоянных клиентов.