Редизайн — это не только про картинки на сайте, шрифты и цвета, хоть это и очень важно. Редизайн это обновление, переработка и актуализация сайта в целом, в том числе доработка структуры, юзабилити, а иногда функционала и контента. Разберемся, в каких случаях редизайн необходим, посмотрим, как он делает сайты более удобными и современными — или, напротив, неудобными и раздражающими пользователей.
Среди разработчиков сайтов существует мнение, что обновление необходимо сайту примерно 1 раз в пять лет. Но на самом деле редизайн можно делать и чаще, если в этом есть необходимость. Вот примеры ситуаций, в которых редизайн необходим:
Переделан логотип, выбрана новая цветовая гамма, подобраны новые шрифты — все это должно отображаться в дизайне сайта, чтобы он полностью соотносился с образом бренда. Если, поменяв, например, каталоги и оформление групп в социальных сетях, оставить сайт «старого образца», то визуальные связи будут нарушены, и узнаваемость бренда снизится.
Вот так несколько выглядел интернет-магазин LaRedoute в 2018 году
Это он сейчас — поменялись не только картинка, но и интерфейс, и логотип
Сфера веб-дизайна очень подвижна, она постоянно меняется, существуют тенденции, например, как презентовать товар, где и какие располагать кнопки, каким требованиям должны соответствовать фотографии. Архаичными могут выглядеть шрифты, не отвечающей трендам — стилизация под карандашные рисунки на сайте. Чтобы визуально освежить сайт тоже используется редизайн. Сравните:
Так выглядел сайт интернет-магазина Ozon в 2012 году
А здесь вы можете оценить дизайн маркетплейса Ozon сегодня
Это сайт мобильного оператора «Билайн» несколько лет назад
Сегодня его не узнать — он стал более стильным, живым, располагающим к контакту
Сейчас это уже редкость и скорее удел совсем небольших сайтов отдельных специалистов или малого бизнеса. В ситуации, когда доля мобильного трафика выросла к ноябрю 2022 года до 90 % (Данные рекламной сети SlickJump, 9 ноября 2022) — не учитывать его непозволительное легкомыслие и потеря целевой аудитории. Современный сайт предполагает удобство использования на любых устройствах, а еще есть мнение что наличие мобильной версии сайта или адаптивной верстки улучшает его позиции в поисковой выдаче.
Главная страница «Яндекса» образца 2020 не открылась бы на мобильном устройстве
А минималистичная главная страница образца 2022 — легко
Если на сайт приходит хороший трафик, люди перемещаются по сайту, посещают разные страницы, но в итоге уходят, так и не совершив целевого действия, вопрос может быть с юзабилити. То же самое, если на сайте много отказов — визитов длительностью менее 15 секунд. Если на сайте неудобная навигация, навязчивые всплывающие окна, сложно найти поиск, невозможно получить обратную связь — все это может очень сильно рубить дееспособность и не давать конвертировать трафик.
Читайте также:
Как провести юзабилити-аудит сайта самому?
Бизнес растет и развивается, у компании может увеличиваться перечень услуг или ассортимент продукции, появляются новые возможности взаимодействия с пользователями. Все эти изменения тоже должны найти отражение на сайте, иначе они не имеют смысла. Какой смысл ориентироваться на онлайн-продажи, если на сайте не реализована функция «Купить»? Сайт, как один из инструментов бизнеса, развивается вместе с ним.
Сайт WorkSpace в 2017 году — основная возможность объявить тендер
Сайт WorkSpace в 2022 году — и тендерная площадка, и медиа, и база вакансий и резюме
Читайте также:
Как подключить Yandex Pay к сайту и зачем это нужно
Пример: лет
Так было сделано на сайте интернет-магазина «Ситилинк»
Сегодня такое лобовое беспощадное SEO ушло в прошлое, оптимизация включает грамотную работу с мета-тегами и изображениями, ведение блога на сайте, оптимизацию товарных карточек. Главная же страница сайта стала витриной — яркой, привлекательной, и нацеленной на продажи, а не на заигрывание с поисковыми алгоритмами.
Вот как выглядит главная страница магазина «Ситилинк» сегодня. Никаких SEO-текстов
Снижение времени загрузки — задача критически важная для бизнеса. Исследование компании Portent (2020 год) показывает — каждая дополнительная секунда отгрызает от конверсии до 4,42 %. В процессе редизайна можно выявить и устранить недочеты, которые мешают сайту летать. А именно: оптимизировать картинки, включить Gzip-сжатие, удалить лишние плагины и счетчики, и в итоге получить высокую скорость и рост конверсии.
В этом случае для тестирования рынка и идеи компании часто — и оправдано — выбирают простые шаблонные решения, и не особенно стремятся получить дизайн, соотносящийся со сферой деятельности компании и трендами веб-дизайна.
Если тестирование прошло успешно и идея оказалась жизнеспособной, приходит время делать серьезный сайт, который будет не просто присутствовать в интернете, но и помогать бизнесу расти и набирать силу. Тем более, что к этому времени, как правило, у компании уже появляются элементы фирменного стиля, которые должны присутствовать на сайте.
Например, вот как выглядят два сайта в тематике «строительство индивидуальных домов», расположенные рядом в рекламной выдаче:
Один сайт явно был сделан довольно давно...
... второй выглядит легче и актуальнее
При прочих равных вероятность получить более высокую конверсию у второго сайта — понятно, что им занимаются, он не брошен на произвол судьбы, а значит, у компании есть работа, бизнес идет, их услуги востребованы.
Да, не всегда редизайн сайта к добру, иногда бывает и наоборот. Так случилось с русской версией площадки AliExpress...
...которая еще полгода назад выглядела так
А сегодня стала такой
Ушли теплые цвета, поменялись шрифты, изменился интерфейс и общее восприятие площадки нарушилось. Но главное — появились проблемы с юзабилити.
И пользователи реагируют на них очень негативно
Не зря в подсказках «Яндекса» даже появился такой запрос:
Покупатели хотят, чтобы было по-старому
Это работа только с цветовой темой и визуальными элементами сайта. Используется для обновления образа бренда в случаях, когда заметного роста нет (функционал не изменился), а юзабилити не вызывает нареканий.
Вариант, когда сайту мешают жить в основном не архаичный дизайн «привет, нулевые», а технические недочеты. То же снижение скорости загрузки сайта, или частое появление ошибки 404, или неполная прогрузка страниц. Устранение ошибок может серьезно сказаться и на ранжировании, и на конверсии ресурса.
Читайте также:
Что такое скорость загрузки сайта и как ее увеличить
В этом случае акцент — на реализацию новых функций. Например, возможности сравнения двух товаров в интернет-магазине, или визуального поиска, или возможности абонентской оплаты услуг, или подключения новой платежной системы.
При выборе этого варианта рассматриваются и обновляются/перерабатываются все моменты, которые могут влиять на конверсию. В основном это юзабилити с недоработкой структуры сайта, отсутствием «хлебных крошек» и другими недочетами. И, конечно, такие технические ошибки, как неработающие формы.
Самый объемный вариант работы, когда от ресурса фактически остаются доменное имя и, вероятно, хостинг. Меняется все, от структуры сайта до визуальных элементов; работа идет и на конверсию, и на соответствие сайта образу бренда. Востребован этот вариант либо при изменении сферы деятельности компании, либо если сайт как был сделан лет 10 назад, так больше никакого редизайна с ним не случалось.
Оценивается состояние сайта, его структура, интерфейс, элементы дизайна, функционал, наличие технических недочетов. Выстраивается путь клиента — для редизайна важно понимать, как человек взаимодействует с сайтом, где у него могут возникать проблемы, и что это за проблемы. Параллельно анализируются источники трафика, замеряется конверсия.
На этом этапе владелец должен ответить себе на вопросы:
В чем цель редизайна — освежить визуальный образ, повысить продажи, улучшить узнаваемость?
Как должен выглядеть сайт после редизайна? Подбираются референсы, которые представляются владельцу подходящими, предоставляется брендбук компании, если он есть.
Какие функции необходимо добавить?
Как будет продвигаться сайт? Скорее всего, нужна базовая SEO-оптимизация сайта, чтобы получать трафик из поисковых систем.
Команда проекта выполняет все задачи, указанные в техническом задании.
До запуска на сайт трафика специалисты проверяют корректность его работы в разных браузерах и на разных устройствах, а заодно смотрят, все ли URL человекопонятные, настроена ли ошибка 404, быстро ли загружаются страницы, не съезжает ли верстка. Специалисты еще раз смотрят, хорошо ли продуман путь клиента, все ли понятно человеку, который впервые попал на сайт, легко ли найти корзину/форму заявки и обратную связь. Это очень важный этап, который настоящие профи никогда не пропускают.
После устранения недочетов, выявленных на этапе тестирования, сайт размещается в сети. Он готов встречать и конвертировать трафик.
Разместить тендер на редизайн сайта вы можете на площадке Workspace, где представлены в том числе веб-студии, предоставляющие такую услугу.
Редизайн сайта — классная тема, когда бизнес растет, и сайт растет вместе с ним, а не висит на балансе, как камень на шее.
Помимо визуальных изменений редизайн влияет на ранжирование сайта, на репутацию бизнеса и на конвертацию трафика.
Проводить редизайн необходимо периодически — сделать сайт, разместить его в сети и забыть завсегда будет большой ошибкой.
Проверьте себя — нужен ли сейчас редизайн вашему сайту поможет определить вот такой чек-лист:
Ваш сайт грузится менее 3 секунд.
На сайте корректно работают все формы, кнопки, всплывающие окна.
Сайт одинаково хорошо работает и корректно отображается и на десктопных, и на мобильных гаджетах, у него есть мобильная версия.
Структура сайта соответствует ассортименту товаров или списку услуг.
Фирменный стиль компании остается тем же, который был в период разработки сайта.
Вас полностью устраивает функционал сайта.
На сайте небольшое количество отказов.
Конверсия сайта не менее 1 %.
На фоне конкурентов визуально сайт не проигрывает.
Если на все вопросы вы ответили «да» — пока для редизайна нет причин. Но даже одно «нет» — уже повод задуматься.
Подпишитесь на ежемесячную рассылку Workspace
Отлично! Мы отправили письмо на указанный вами электронный ящик с инструкцией по подтверждению.
Если письмо с подтвержением вашего e-mail не будет получено в течение 10 минут, пожалуйста, проверьте папку СПАМ в соответствующем почтовом ящике.
