Редизайн сайта. Как понять, что бизнесу пора взбодриться?

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

И такие случаи не редкость.

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

Что такое редизайн?
Когда он нужен?
Каким он может быть?
Какие этапы проходит?
Как редизайнулись известные бренды? 3 примера
Как понять, что сайт устарел? Мини-тест

Обновление и улучшение сайта для повышения эффективности бизнеса. Целей у редизайна несколько:

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

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

Всегда начинайте с вопроса «зачем?». Тим Браун (его компания разработала щетку Oral-B и мышь для Apple) как-то сказал: «необходимость в редизайне определяется тем, насколько вещь соответствует цели». А кто мы такие, чтобы с ним не согласиться?

1/6. Сайт не адаптирован под Android и iOS

Это значит, что дизайн и компоновка отображаются на смартфонах неправильно. Пользователю приходится увеличивать меню и текст для нормального восприятия. От этого страдает и SEO, потому что адаптив сейчас обязателен для всех сайтов, так как учитывается при ранжировании. Короче говоря — нет адаптива, не будет и топа-10 в Яндексе или Google.

2/6. Неудобное юзабилити

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

3/6. Дизайн морально устарел

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

4/6. Добавился новый функционал

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

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

5/6. Сайт долго прогружается, есть проседание по SEO

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

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

6/6. Поменялся брендбук

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

Почему он вообще делится на какие-то виды, ведь редизайн — он и в Африке редизайн, разве нет? На самом деле нет, потому что все зависит от того, что у нас есть сейчас и чего мы хотим добиться. И само деление условное.

Полный

Из названия понятно, что это полная переработка сайта, от технологий (языка программирования, фреймворков, баз данных) до дизайна. Например, перешли с Tilda или WordPress на Laravel, поменяли популярный в 2015 году флэт-дизайн на минимализм с акцентными 3D.

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

Визуальный

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

Например, не так давно был популярен скевоморфизм, избыточные декоративные элементы, графичность и стилизация под реальные предметы (книгу или журнал). Сейчас это устарело, но некоторые популярные сайты все еще на плаву. Например, Randewoo и Красное&Белое, но тут уже одним косметическим редизайном не отделаться:

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

Технический

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

Часто владельцы сайтов переходят на новые движки, например, на Laravel, потому что этот фреймворк надежнее. Даже если сайт не обновлялся более 5 лет, его не станут взламывать, потому что это сложно. Но помните, что через 2-3 года код начнет «крошиться» даже на Laravel, если с ним ничего не делать.

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

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

Если нужны будут разработчики (нет своего штата), подключится еще один этап и сумма вырастет.

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

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

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

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

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

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

Кстати, а что стало с сайтом клиента, про которого мы говорили вначале?
На самом деле, это была затравка. Но мы ничего не выдумали, сама история реальная. Не так давно делали редизайн своего же продукта СпросиВрача, изменения отразятся чуть позже. Сменили не только визуал, но и движок, вместо Zend Framework 1 + JQuery теперь Laravel + React. Мы еще вернемся к этому :)

Если у вас есть вопросы по вашему сайту или вы ищете того, кто может провести аудит, вэлком в Пиробайт! Все расскажем и покажем.

Партнерская программа, где мы платим от 10 000 до 200 000 рублей, если вы порекомендуете нас тем, кому нужен дизайн или разработка