+38 (044) 495-31-30
Украина, г. Киев, ул. Ванды Василевской 7, офис 209

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

Автор: Веб-студия "Бизнес Сайт"

Единственное, что неизменно в мире, — это изменения. Каждый сайт, независимо от специфики, нуждается в обновлении. Это может быть просто внешнее обновление, некий «косметический ремонт». Или глубокие изменения, связанные с улучшением юзабилити, реализацией новых функций. Редизайн можно делать каждые 2 года, можно – раз в 3-4 года. Но точно не стоит оставлять все в точности таким, как было, дольше 5 лет. Почему? На это есть несколько весомых причин, но давайте сначала определимся с тем, что значит редизайн.
Многие владельцы интернет-сайтов сталкиваются с тем, дизайн их ресурса начинает проигрывать сайтам-конкурентам, и задаются вопросом: что это – редизайн сайта?

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

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

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

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

Пример: редизайн на сайт завода энергетического оборудования (http://www.bzeo.biz/)
bzeo old  Редизайн сайтаbzeo redesign  Редизайн сайта
Командой «Бизнес Сайт» был проведен глубокий редизайн. Работа по модернизации заключалась в переориентации сайта из презентационного в продающий. На страницах разместили формы обратной связи, кнопки с призывами к действию. Текстовый контент красиво разверстали на странице, сделали удобным для чтения. В сопровождении иконок стал легче восприниматься перечень преимуществ и сфер применения продукции. Продумали навигацию: услуги распределили в вертикальном и горизонтальном меню, структурировали. Указали стоимость работы. Добавили анимационные эффекты, которые «оживляют» сайт, позволяют ему выглядеть стильно и современно.

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

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

Пример: редизайн магазина штор (shtorka.ck.ua)
shtorka old  Редизайн сайтаshtorka redesign  Редизайн сайта
Причиной обращения в веб-студию «Бизнес Сайт» стал устаревший дизайн. Компания стремительно росла и развивалась. В какой-то момент масштабы деятельности перестали соответствовать названию бренда и соответствующему логотипу. Возникла потребность сделать ребрендинг сайта: изменить имя, сделать редизайн лого. Соответственно, кардинально изменилось и оформление сайта: улучшилась навигация, акцентировались продающие моменты: перечень преимуществ, триггеры, спектр услуг, примеры работ, контактные данные. Сайт стал привлекать более широкий сегмент аудитории, что положительно сказалось на конверсии.

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

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

Пример: глубокий редизайн лендинга по трудоустройству за границей (hrqunited.com.ua)
hrq old  Редизайн сайтаhrq redesign  Редизайн сайта
На момент обращения в веб-студию дизайн сайта сильно устарел. Предстояли глобальные изменения: разработка нового логотипа, подбор гармоничного сочетания цветов для оформления сайта. Полное изменение структуры сайта. В результате получился мультилендинг с отдельными страницами под условия работы в каждой из четырех стран. Дизайн сделали продающим: разместили триггеры из красиво разверстанного текста в сопровождении иконок и изображений, добавили формы обратной связи, кнопки с призывом к действию, возможность скачать анкету соискателя. Полностью переделали структуру главной страницы, улучшили навигацию по сайту. Вывели на страницу конкретные вакансии, подробная информация о которых размещена на внутренних страницах. На сайте легко сориентироваться даже неискушенному пользователю: кнопки выделены ярким цветом, ховерами, при наведении меняется символ курсора. Такой дизайн позволил значительно увеличить конверсию лендинга.

Этапы работ

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

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

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

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

Пример: редизайн интернет-магазина Парус Плюс (parusplus.com.ua)
parus old  Редизайн сайтаparus redesign  Редизайн сайта
На начальном этапе была проработана концепция: стояла задача увеличить объемы оптовых и розничных продаж. Это значило, что сайт должен стать удобным, на нем должны легко находиться товары, а действия для заказа и покупки должны быть простыми и понятными. Редизайн магазина начали с оформления: в дополнение к голубому цвету из логотипа выбрали зеленый. Товары разделили на группы и распределили их как в горизонтальном меню, так и на главной, с перечнем подпунктов. Добавили рубрику с хитами продаж. Внедрили «умный» поиск. Проработали функционал корзины. Разместили рядом с контактами кнопку для заказа обратного звонка. Дизайн сделали полностью адаптивным, удобным для совершения покупок с мобильных устройств и стационарных. Проработали код в рамках базовой поисковой оптимизации. Перевели магазин на CMS Битрикс и настроили админпанель.

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

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

Пример: редизайн магазина измерительных приборов (www.evm.ua)
evm old  Редизайн сайтаevm redesign  Редизайн сайта
Устаревший стиль дизайна интернет-магазина специалисты веб-студии «Бизнес Сайт» заменили новым, современным. Акцент переместили с контентной части на сам товар. Вывели рубрику популярных товаров. Отдельное меню для услуг. Слайдер на главной хорошо работает для привлечения внимания к акциям и новинкам. Расширили функционал: добавили возможность сравнивать товары, пользоваться личным кабинетом после регистрации. Акцентированы преимущества ИМ: короткий текст + иконка с анимацией. На страницах услуг разместили формы обратной связи. При этом был сохранен фирменный стиль, который уже стал узнаваемым для клиентов. Доменное имя сайта было изменено на более короткое и запоминающееся.

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

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

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

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

Выводы

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

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

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

Веб-студия
Автор Веб-студия "Бизнес Сайт"
Скачайте БЕСПЛАТНО книгу
"Сайт, который приносит
$100 000 чистыми в год"
Скачать
Получите скидку -15%
Заполните эту форму