Блог UX/UI дизайнера

О редизайне сайта: стоимость, виды, результат

Содержание
1.Редизайн сайта - что это
2.Что входит в редизайн сайта
3.Причины для редизайна сайта
4.Виды редизайна сайта
5.Что влияет на цену редизайна сайта
6.Анализ результата редизайна сайта: до и после
7.Сайт после редизайна: основные критерии успешно проведенной работы
8.Ошибки при редизайне сайта
Время чтения – 10 минут
Современные пользователи обычно не заинтересованы в сайте с дизайном, созданным пять лет назад. Если визуал выглядит старомодно, навигация непонятна, а страница загружается медленно, они не задержатся на сайте дольше 10 секунд, о чем скажет низкая конверсия и падение трафика из поиска. Опытные предприниматели понимают это, поэтому освежают и модернизируют свои сайты каждые два-три года. В этой статье вы узнаете, сколько стоит редизайн сайта, что влияет на цену, какие важные нюансы стоит учитывать, если решили визуально обновить сайт или глубоко изменить его структуру и функционал.

Редизайн сайта – что это

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

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

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

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

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

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

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

Причины для редизайна сайта

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

Поскольку IT-индустрия очень быстро развивается, дизайны сайтов устаревают с большой скоростью. Чтобы удержаться среди лидеров своей сферы, проект должен следить за трендами и быть современным. Постоянно дорабатываться, улучшать качество медиафайлов и упрощать интерфейс, чтобы айдентика оставалась актуальной, а юзабилити удобным и продуманным.
Причины для апгрейда сайта:
  • Низкие показатели метрик. Увеличилось количество отказов? Кнопки с CTA неэффективны? Людям неудобно делать заказ, и они покидают сайт за шаг до совершения покупки? Все это покажут метрики.

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

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

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

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

Фасад ресторана изрядно поврежден, вывеска болтается. Официант приходит не через 2−3 минуты, а спустя полчаса. Блюда не соответствуют меню, готовятся долго, подаются вам и гостям с разной скоростью, оказываются пересоленными. К тому же вентиляция не работает. Так ресторан скоро останется совсем без посетителей. И сайт тоже, если не сделает глубокий редизайн.

Виды редизайна сайта

Как и обновление ресторана, редизайн сайта может быть разным по глубине проработки: легкий, средний и глубокий.
  • Легкий редизайн не подразумевает никаких серьезных изменений на сайте. Концепция проекта, как и его функционал, не меняются, но обновляется визуал: интерфейс становится более запоминающимся за счет новых шрифтов и цветового оформления сайта. Как результат – сайт привлечет внимание пользователей и покажет им, что проект следит за трендами и с течением времени остается актуальным.
В виртуальном ресторане косметический ремонт: приглашаем маляра, обновляем салфетки и скатерти, убираем лампы с изношенными абажурами, в фотозоне вешаем картину современного художника.
  • Средний редизайн предполагает привлечение UI/UX дизайнеров – меняем расположение элементов внутри одного из блоков, внедряем анимацию. Делаем все, чтобы добавить чувственный опыт для пользователя, улучшить юзабилити и эффективность сайта. При этом общую структуру и смысловую нагрузку все еще не трогаем. Как результат – с сайтом будет удобнее взаимодействовать, пользователь легко найдет нужные кнопки и проникнется актуальными UI/UX решениями.
Продолжаем виртуальный ремонт в ресторане. Обновляем обои и напольные покрытия (UI), окрашиваем и устанавливаем новые двери (UI/UX), барную стойку из угловой части переносим в центр внимания гостей ресторана, ведь именно здесь проводит время большая часть посетителей (UX). Внедряем сезонное меню, чтобы удивить постоянных и привлечь новых клиентов (UI/UX).
  • Полный редизайн – это переработка всего сайта, начиная с меню и навигации, заканчивая структурой, фильтрами и детальной проработкой программного кода. Проект полностью обновляется и модернизируется, чтобы максимально подстроится под потребности пользователей и быть востребованным им
В ресторане ребрендинг и капитальный ремонт. Меняется концепция и меню, запланированы под снос большинство стен, назначены значительные конструктивные изменения внутреннего пространства, замена проводки, установка нового кухонного оборудования и современных инженерных систем. За работу берется опытная бригада (разработчики) под руководством профессионала (тимлид).

Что влияет на цену редизайна сайта

Редизайн – аккуратный и сложный процесс, над которым трудится целая команда специалистов, начиная от проектного менеджера и веб-дизайнера и заканчивая копирайтерами и верстальщиками. Каждый из них на определенном этапе подключается к работе: дизайнер отрисовывает логотип, цвета и разные блоки, программист – представляет это в коде, и так далее. Состав команды, сроки выполнения работ по редизайну и их стоимость зависит от конкретных задач – чем глобальнее перемены на сайте, тем больше ресурсов на это затрачивается и выше цена.
Перейдем к цифрам. Например, сайту строительной компании нужен апгрейд. Он содержит порядка 20 экранов: главная страница, контактные данные, портфолио, история компании и т.д. Наш отдел аналитики оценивает стоимость редизайна такого проекта от 150 000 руб. с учетом фиксированной ставки 4800 руб./день.

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

от 150 000 руб.

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

от 300 000 руб.

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

от 2 100 000 руб.

Разумеется, это примерные цифры: редизайн реального сайта в каждом конкретном случае может стоить как дешевле, так и намного дороже.
Основные нюансы, влияющие на бюджет:
  • Масштаб обновления сайта. Например, при типовом редизайне функционал остается не тронутым, но нужно будет разработать основную концепцию сайта и его страниц, создать адаптивные макеты. Также в оценку войдет разработка, управление проектом, создание текстового и визуального контента (копирайтинг, фото-, видеосъемка, обработка и монтаж). Если по мере работы увеличится количество задач, то вырастет число задействованных специалистов и бюджет. Заказчик хочет улучшить юзабилити — привлекаем UI/UX дизайнеров, просит провести работу над изменением кода и апгрейдить функционал — добавляем разработчиков, и так далее.
  • Временные рамки. Если работы проводятся в штатном режиме — будет одна стоимость. А если нужно все сделать в сжатые сроки — цена возрастает, потому что количество времени сокращается, а число задач остается тем же. Значит, для их выполнения понадобится больше специалистов, которым нужно будет заплатить за работу — математика простая.
  • Характер коммуникации с заказчиком. Если заказчик четко знает, что хочет от редизайна, подробно и оперативно дает обратную связь на каждом из этапов работы и может предоставить аналитику ресурса — это значительно сократит время выполнения редизайна, количество правок и, соответственно, затраты

Анализ результата редизайна сайта: до и после

Типовой редизайн проводится в несколько этапов: собираются метрики, идет работа над дизайном и разработкой, проводится тестирование и, в завершении, — новый анализ метрик. Остановимся на первом и последнем этапах, т.к. именно они дают понять, какие проблемы были изначально и насколько качественно впоследствии сделан редизайн сайта.
Эффективность работы сайта показывают такие метрики:
  • ER, коэффициент вовлеченности аудитории — сколько пользователей посещают сайт и активно с ним взаимодействуют. Сюда входит рекламный и органический трафик.
  • TSS, время, проведенное пользователем на сайте.
  • PPV, глубина просмотра сайта — количество страниц, которые человек открывает за одно посещение.
  • BR, показатель отказов — процент людей, которые открыли страницу сайта, но через 10−15 секунд покинули ее, не совершив никакого целевого действия.
  • CR, коэффициент конверсии — процент пользователей, которые из посетителей стали клиентами, совершили целевое действие.
  • Разница использования десктопной и мобильной версии сайта — с помощью каких устройств пользователи чаще всего посещают сайт.
После проведения аудита на их основе составляется четкое ТЗ для редизайна, просчитываются сроки его выполнения и стоимость, составляется прогноз относительно того, какие показатели сможет улучшить редизайн.

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

Сайт после редизайна: основные критерии успешно проведенной работы

После модернизации сайт должен показать повышение показателей метрик, стать более эффективным, приносить прибыль заказчику и решать все задачи, ради которых он был создан и обновлен. У продающего сайта должно увеличиться количество зарегистрированных пользователей и повыситься конверсия. У имиджевого блога — вырасти органический и рекламный трафик и глубина просмотра сайта.
Выделяют три основных критерия успешного редизайна:
  • Актуальный визуал. После редизайна визуальное оформление сайта выглядит современно и останется таковым еще 3−5 лет.
  • Высокий показатель конверсии. Пользователи обновленного сайта просматривают страницы, кликают по ссылкам, активно совершают целевые действия, которые от них ждет заказчик.
  • Удобное юзабилити. Пользователи интуитивно ориентируются на сайте, не задерживаются долго на стартовой странице и без проблем с помощью кнопки с CTA совершают заказ или оформляют подписку.

Ошибки при редизайне сайта

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

Редизайн должен быть комфортным для старых и новых пользователей. Для этого на сайтах с большой аудиторией новую версию внедряют постепенно. Сначала проводят А/Б-тестирование по ключевым показателям эффективности и наблюдают за реакцией на изменения сайта в экспериментальной и контрольной группе. Если показатели в обновленной версии показывают рост, ее полностью вводят в эксплуатацию.
Есть и другие ошибки, при которых редизайн будет неэффективен:
  • Изменение URL-адресов без настройки редиректа.
  • Обновление структуры сайта при хорошем юзабилити.
  • Перегрузка платформы из-за чрезмерного количества новых блоков.
  • Полное копирование чужого дизайна и функционала без оглядки на уникальность собственного продукта.
  • Удаление абсолютно всего старого контента.
  • Редизайн ради редизайна, а не для целевой аудитории.

Если вы прочитали статью и поняли, что ваш сайт по всем параметрам успешный: удобный, современный, с высокими показателями метрик — прекрасно. Если же по мере прочтения вы пришли к выводу, что у сайта проблемы и нужен редизайн, команда Uxjuniors поможет в этом. Мы занимаемся проектированием и дизайном интерфейсов, проводим UX-аудит сайтов, и знаем не только, как создать сайт с нуля, но и зачем его обновлять и что для этого нужно. Свяжитесь с нами через форму на сайте, проектный менеджер ответит вам в течение 24 часов и проконсультирует по любым интересующим вопросам.