1.Редизайн сайта - что это 2.Что входит в редизайн сайта 3.Причины для редизайна сайта 4.Виды редизайна сайта 5.Что влияет на цену редизайна сайта 6.Анализ результата редизайна сайта: до и после 7.Сайт после редизайна: основные критерии успешно проведенной работы 8.Ошибки при редизайне сайта
Время чтения – 10 минут
Современные пользователи обычно не заинтересованы в сайте с дизайном, созданным пять лет назад. Если визуал выглядит старомодно, навигация непонятна, а страница загружается медленно, они не задержатся на сайте дольше 10 секунд, о чем скажет низкая конверсия и падение трафика из поиска. Опытные предприниматели понимают это, поэтому освежают и модернизируют свои сайты каждые два-три года. В этой статье вы узнаете, сколько стоит редизайн сайта, что влияет на цену, какие важные нюансы стоит учитывать, если решили визуально обновить сайт или глубоко изменить его структуру и функционал.
Редизайн сайта – что это
Редизайн сайта#nbsp;— это изменение или полное обновление его текущего оформления. Это перерождение сайта, при котором сохраняется его айдентика: мы#nbsp;берем все самое лучшее из#nbsp;текущей версии и#nbsp;соединяем новым.
Вы#nbsp;можете заметить, как периодически обновляются соцсети, многостраничные интернет-магазины и#nbsp;различные сервисы. Кто-то меняет логотип, кто-то улучшает юзабилити сайта, кто-то внедряет новый контент, создает новые модули и#nbsp;прочее. Все это делается с#nbsp;целью сделать сайт максимально привлекательным и#nbsp;удобным для#nbsp;пользователей.
Не#nbsp;стоит путать редизайн с#nbsp;дизайном. Дизайн создается для#nbsp;нового сайта, пишется одновременно с#nbsp;платформой, тогда как редизайн предполагает модернизацию уже действующих конструкций, обновление модулей и#nbsp;структуры страниц#nbsp;— это абсолютно разный объем работ.
Что входит в редизайн сайта
Редизайн сайта#nbsp;— это не#nbsp;просто обновление иконок, шрифта, цвета и#nbsp;картинок. Он#nbsp;может затрагивать по#nbsp;отдельности логотип, стилистику оформления, контент, функционал или все эти пункты одновременно. То#nbsp;есть модернизировать и#nbsp;улучшать можно весь сайт или отдельные его элементы.
Это напоминает обновление ресторана. Если есть технические проблемы и#nbsp;нужно изменить концепцию от#nbsp;неформального бистро к#nbsp;концептуальному меню, то#nbsp;потребуется масштабная работа. А#nbsp;если весь функционал в#nbsp;порядке, персонал действует профессионально и#nbsp;слаженно, меню пользуется спросом, но#nbsp;обстановка немного устарела#nbsp;— достаточно заменить лишь скатерти, посуду и#nbsp;светильники.
Так и#nbsp;с#nbsp;редизайном сайта#nbsp;— иногда для#nbsp;улучшения результативности нужно лишь обновить логотип или цвета станиц, а#nbsp;иногда проект приходится разрабатывать с#nbsp;нуля, сохраняя при этом основную концепцию.
Причины для редизайна сайта
«Первое впечатление, создаваемое дизайном, может быть важнее всего остального»,#nbsp;— говорил известный швейцарский дизайнер шрифтов Эдриан Фрутигер. Мы#nbsp;склонны верить словам профессионала. И#nbsp;правда, у#nbsp;большинства людей доверие к#nbsp;сайту основывается на#nbsp;первом впечатлении, а#nbsp;оно складывается моментально после оценки его оформления и#nbsp;навигации.
Поскольку IT-индустрия очень быстро развивается, дизайны сайтов устаревают с#nbsp;большой скоростью. Чтобы удержаться среди лидеров своей сферы, проект должен следить за#nbsp;трендами и#nbsp;быть современным. Постоянно дорабатываться, улучшать качество медиафайлов и#nbsp;упрощать интерфейс, чтобы айдентика оставалась актуальной, а#nbsp;юзабилити удобным и#nbsp;продуманным.
Причины для апгрейда сайта:
Низкие показатели метрик. Увеличилось количество отказов? Кнопки с#nbsp;CTA неэффективны? Людям неудобно делать заказ, и#nbsp;они покидают сайт за#nbsp;шаг до#nbsp;совершения покупки? Все это покажут метрики.
Метрики для#nbsp;сайта#nbsp;— это как KPI для#nbsp;ресторана: количество посетителей и % постоянных из#nbsp;них, скорость смены людей за#nbsp;столиком, доход за#nbsp;час свободного места и#nbsp;другие. Их#nbsp;снижение, как и#nbsp;плохие показатели метрик сайта#nbsp;— предупреждающий сигнал, о#nbsp;том, что есть проблема, мешающая эффективной работе, и#nbsp;ее#nbsp;нужно решать.
Старомодный дизайн и#nbsp;неадаптивная верстка. Если у#nbsp;сайта неадекватный, беспорядочный фон с#nbsp;кучей неактуальных изображений и#nbsp;изобилием текста, пользователь точно уйдет к#nbsp;конкурентам с#nbsp;более современной, четкой и#nbsp;эстетичной подачей информации. А#nbsp;если еще и#nbsp;адаптивной мобильной версии нет, конкуренты только порадуются.
Представьте себе ресторан с#nbsp;устаревшей вывеской и#nbsp;интерьером, в#nbsp;котором всегда играет неактуальная музыка, нет вайфая, выставлен слишком яркий свет и#nbsp;столы поставлены близко друг к#nbsp;другу. Приходится протискиваться, чтобы сесть за#nbsp;столик, еще и#nbsp;некомфортно, когда рядом сидят незнакомые люди. И#nbsp;еды на#nbsp;вынос нет. Наверняка вы#nbsp;уйдете в#nbsp;другое место.
Плохое юзабилити. Это когда пользователь запутался в#nbsp;навигации, не#nbsp;понял логику, как найти нужное и#nbsp;покинул сайт. Например, в#nbsp;промоблоке так и#nbsp;не#nbsp;нашел заветную кнопку с#nbsp;CTA#nbsp;— ее#nbsp;не#nbsp;разместили на#nbsp;первом экране. Первый экран#nbsp;— это дверь в#nbsp;каталог. И#nbsp;для этой двери забыли сделать ручку#nbsp;— кнопку с#nbsp;призывом сделать заказ или перейти в#nbsp;нужный раздел.
В#nbsp;ресторан вы#nbsp;попали, но#nbsp;внутри столы и#nbsp;стулья стоят беспорядочно, непонятно, где гардеробная, а#nbsp;где WC, и#nbsp;хостес нет на#nbsp;месте. Куда идти? Куда садиться? Еще и#nbsp;официанты сами не#nbsp;подходят#nbsp;— дискомфорт и#nbsp;плохой опыт обеспечен. Как в#nbsp;ресторане, так и#nbsp;на#nbsp;сайте, человек должен легко получить желаемое. Если это не#nbsp;так, пришло время для#nbsp;перемен
Изменение фирменного стиля. Вчера на#nbsp;сайте о#nbsp;медитации была холодная цветовая гамма без логотипа и#nbsp;привязки к#nbsp;анимации, а#nbsp;сегодня стало понятно, что для#nbsp;визуализации расслабления нужно уйти в#nbsp;теплые тона, сделать скругления на#nbsp;блоках и#nbsp;«подружить» все это с#nbsp;новым логотипом и#nbsp;анимацией.
Согласитесь, странно, если в#nbsp;грузинском ресторане играет рок, а#nbsp;столы сервированы, как в#nbsp;эпоху возрождения. Все элементы оформления как ресторана, так и#nbsp;сайта, должны соответствовать единой стилистике и#nbsp;создавать узнаваемую атмосферу, айдентику.
Технические проблемы. Загрузка сайта занимает каждый раз по#nbsp;несколько минут, во#nbsp;внутренней структуре часто выскакивают ошибки, движок устарел#nbsp;— пользователь психует и#nbsp;уходит к#nbsp;конкурентам.
Фасад ресторана изрядно поврежден, вывеска болтается. Официант приходит не#nbsp;через 2−3 минуты, а#nbsp;спустя полчаса. Блюда не#nbsp;соответствуют меню, готовятся долго, подаются вам и#nbsp;гостям с#nbsp;разной скоростью, оказываются пересоленными. К#nbsp;тому#nbsp;же вентиляция не#nbsp;работает. Так ресторан скоро останется совсем без посетителей. И#nbsp;сайт тоже, если не#nbsp;сделает глубокий редизайн.
Виды редизайна сайта
Как и обновление ресторана, редизайн сайта может быть разным по глубине проработки: легкий, средний и глубокий.
Легкий редизайн не подразумевает никаких серьезных изменений на сайте. Концепция проекта, как и его функционал, не меняются, но обновляется визуал: интерфейс становится более запоминающимся за счет новых шрифтов и цветового оформления сайта. Как результат – сайт привлечет внимание пользователей и покажет им, что проект следит за трендами и с течением времени остается актуальным.
В виртуальном ресторане косметический ремонт: приглашаем маляра, обновляем салфетки и скатерти, убираем лампы с изношенными абажурами, в фотозоне вешаем картину современного художника.
Средний редизайн предполагает привлечение UI/UX дизайнеров – меняем расположение элементов внутри одного из блоков, внедряем анимацию. Делаем все, чтобы добавить чувственный опыт для пользователя, улучшить юзабилити и эффективность сайта. При этом общую структуру и смысловую нагрузку все еще не трогаем. Как результат – с сайтом будет удобнее взаимодействовать, пользователь легко найдет нужные кнопки и проникнется актуальными UI/UX решениями.
Продолжаем виртуальный ремонт в ресторане. Обновляем обои и напольные покрытия (UI), окрашиваем и устанавливаем новые двери (UI/UX), барную стойку из угловой части переносим в центр внимания гостей ресторана, ведь именно здесь проводит время большая часть посетителей (UX). Внедряем сезонное меню, чтобы удивить постоянных и привлечь новых клиентов (UI/UX).
Полный редизайн – это переработка всего сайта, начиная с меню и навигации, заканчивая структурой, фильтрами и детальной проработкой программного кода. Проект полностью обновляется и модернизируется, чтобы максимально подстроится под потребности пользователей и быть востребованным им
В ресторане ребрендинг и капитальный ремонт. Меняется концепция и меню, запланированы под снос большинство стен, назначены значительные конструктивные изменения внутреннего пространства, замена проводки, установка нового кухонного оборудования и современных инженерных систем. За работу берется опытная бригада (разработчики) под руководством профессионала (тимлид).
Что влияет на цену редизайна сайта
Редизайн – аккуратный и сложный процесс, над которым трудится целая команда специалистов, начиная от проектного менеджера и веб-дизайнера и заканчивая копирайтерами и верстальщиками. Каждый из них на определенном этапе подключается к работе: дизайнер отрисовывает логотип, цвета и разные блоки, программист – представляет это в коде, и так далее. Состав команды, сроки выполнения работ по редизайну и их стоимость зависит от конкретных задач – чем глобальнее перемены на сайте, тем больше ресурсов на это затрачивается и выше цена.
Перейдем к цифрам. Например, сайту строительной компании нужен апгрейд. Он содержит порядка 20 экранов: главная страница, контактные данные, портфолио, история компании и т.д. Наш отдел аналитики оценивает стоимость редизайна такого проекта от 150 000 руб. с учетом фиксированной ставки 4800 руб./день.
Легкий редизайн
Концепция проекта, как и#nbsp;его функционал, не#nbsp;меняются, но#nbsp;обновляется визуал.
Интерфейс становится более запоминающимся за#nbsp;счет новых шрифтов и#nbsp;цветового оформления сайта.
от#nbsp;150 000#nbsp;руб.
Средний редизайн
Меняем расположение элементов внутри одного из#nbsp;блоков, внедряем анимацию.
Делаем все, чтобы добавить чувственный опыт для#nbsp;пользователя, улучшить юзабилити и#nbsp;эффективность сайта.
При этом общую структуру и#nbsp;смысловую нагрузку все еще не#nbsp;трогаем.
от#nbsp;300 000#nbsp;руб.
Полный редизайн
Переработка всего сайта, начиная с#nbsp;меню и#nbsp;навигации, заканчивая структурой, фильтрами и#nbsp;детальной проработкой программного кода.
Проект полностью обновляется и#nbsp;модернизируется, чтобы максимально подстроится под потребности пользователей и#nbsp;быть востребованным ими.
от#nbsp;2 100 000#nbsp;руб.
Разумеется, это примерные цифры: редизайн реального сайта в каждом конкретном случае может стоить как дешевле, так и намного дороже.
Основные нюансы, влияющие на бюджет:
Масштаб обновления сайта. Например, при типовом редизайне функционал остается не#nbsp;тронутым, но#nbsp;нужно будет разработать основную концепцию сайта и#nbsp;его страниц, создать адаптивные макеты. Также в#nbsp;оценку войдет разработка, управление проектом, создание текстового и#nbsp;визуального контента (копирайтинг, фото-, видеосъемка, обработка и#nbsp;монтаж). Если по#nbsp;мере работы увеличится количество задач, то#nbsp;вырастет число задействованных специалистов и#nbsp;бюджет. Заказчик хочет улучшить юзабилити#nbsp;— привлекаем UI/UX дизайнеров, просит провести работу над изменением кода и#nbsp;апгрейдить функционал#nbsp;— добавляем разработчиков, и#nbsp;так далее.
Временные рамки. Если работы проводятся в#nbsp;штатном режиме#nbsp;— будет одна стоимость. А#nbsp;если нужно все сделать в#nbsp;сжатые сроки#nbsp;— цена возрастает, потому что количество времени сокращается, а#nbsp;число задач остается тем#nbsp;же. Значит, для#nbsp;их#nbsp;выполнения понадобится больше специалистов, которым нужно будет заплатить за#nbsp;работу#nbsp;— математика простая.
Характер коммуникации с#nbsp;заказчиком. Если заказчик четко знает, что хочет от#nbsp;редизайна, подробно и#nbsp;оперативно дает обратную связь на#nbsp;каждом из#nbsp;этапов работы и#nbsp;может предоставить аналитику ресурса#nbsp;— это значительно сократит время выполнения редизайна, количество правок и, соответственно, затраты
Анализ результата редизайна сайта: до и после
Типовой редизайн проводится в#nbsp;несколько этапов: собираются метрики, идет работа над дизайном и#nbsp;разработкой, проводится тестирование и, в#nbsp;завершении,#nbsp;— новый анализ метрик. Остановимся на#nbsp;первом и#nbsp;последнем этапах, т.к. именно они дают понять, какие проблемы были изначально и#nbsp;насколько качественно впоследствии сделан редизайн сайта.
Эффективность работы сайта показывают такие метрики:
ER, коэффициент вовлеченности аудитории#nbsp;— сколько пользователей посещают сайт и#nbsp;активно с#nbsp;ним взаимодействуют. Сюда входит рекламный и#nbsp;органический трафик.
TSS, время, проведенное пользователем на#nbsp;сайте.
PPV, глубина просмотра сайта#nbsp;— количество страниц, которые человек открывает за#nbsp;одно посещение.
BR, показатель отказов#nbsp;— процент людей, которые открыли страницу сайта, но#nbsp;через 10−15 секунд покинули ее, не#nbsp;совершив никакого целевого действия.
CR, коэффициент конверсии#nbsp;— процент пользователей, которые из#nbsp;посетителей стали клиентами, совершили целевое действие.
Разница использования десктопной и#nbsp;мобильной версии сайта#nbsp;— с#nbsp;помощью каких устройств пользователи чаще всего посещают сайт.
После проведения аудита на#nbsp;их#nbsp;основе составляется четкое#nbsp;ТЗ для#nbsp;редизайна, просчитываются сроки его выполнения и#nbsp;стоимость, составляется прогноз относительно того, какие показатели сможет улучшить редизайн.
Как только редизайн завершен, наступает этап тестирования и#nbsp;новый анализ метрик, чтобы понять, помогло#nbsp;ли обновление сайта решить изначальные проблемы. В#nbsp;масштабах всего бизнеса это может быть незаметно, но#nbsp;метрики помогают оценить продуктивность проекта в#nbsp;числовых показателях и#nbsp;увидеть изменения эффективности сайта в#nbsp;лучшую сторону, которые невозможно заметить субъективным взглядом.
Сайт после редизайна: основные критерии успешно проведенной работы
После модернизации сайт должен показать повышение показателей метрик, стать более эффективным, приносить прибыль заказчику и#nbsp;решать все задачи, ради которых он#nbsp;был создан и#nbsp;обновлен. У#nbsp;продающего сайта должно увеличиться количество зарегистрированных пользователей и#nbsp;повыситься конверсия. У#nbsp;имиджевого блога#nbsp;— вырасти органический и#nbsp;рекламный трафик и#nbsp;глубина просмотра сайта.
Выделяют три основных критерия успешного редизайна:
Актуальный визуал. После редизайна визуальное оформление сайта выглядит современно и#nbsp;останется таковым еще 3−5 лет.
Высокий показатель конверсии. Пользователи обновленного сайта просматривают страницы, кликают по#nbsp;ссылкам, активно совершают целевые действия, которые от#nbsp;них ждет заказчик.
Удобное юзабилити. Пользователи интуитивно ориентируются на#nbsp;сайте, не#nbsp;задерживаются долго на#nbsp;стартовой странице и#nbsp;без проблем с#nbsp;помощью кнопки с#nbsp;CTA совершают заказ или оформляют подписку.
Ошибки при редизайне сайта
Работая над обновлением сайта, стоит знать о#nbsp;некоторых нюансах, которые вместо привлечения пользователей, наоборот, отпугнут#nbsp;их. Например, не#nbsp;все люди легко принимают изменения. Постоянные пользователи сайта и#nbsp;его мобильной версии постепенно привыкают к#nbsp;тому, как он#nbsp;работает, и#nbsp;остро реагируют на#nbsp;обновления. А#nbsp;если вы#nbsp;глобально модернизируете сайт, они начнут теряться, злиться и#nbsp;могут даже перестать посещать ваш ресурс. В#nbsp;результате метрики «просядут».
Редизайн должен быть комфортным для#nbsp;старых и#nbsp;новых пользователей. Для#nbsp;этого на#nbsp;сайтах с#nbsp;большой аудиторией новую версию внедряют постепенно. Сначала проводят А/Б-тестирование по#nbsp;ключевым показателям эффективности и#nbsp;наблюдают за#nbsp;реакцией на#nbsp;изменения сайта в#nbsp;экспериментальной и#nbsp;контрольной группе. Если показатели в#nbsp;обновленной версии показывают рост, ее#nbsp;полностью вводят в#nbsp;эксплуатацию.
Есть и#nbsp;другие ошибки, при которых редизайн будет неэффективен:
Изменение URL-адресов без настройки редиректа.
Обновление структуры сайта при хорошем юзабилити.
Перегрузка платформы из-за чрезмерного количества новых блоков.
Полное копирование чужого дизайна и#nbsp;функционала без оглядки на#nbsp;уникальность собственного продукта.
Удаление абсолютно всего старого контента.
Редизайн ради редизайна, а#nbsp;не#nbsp;для целевой аудитории.
Если вы#nbsp;прочитали статью и#nbsp;поняли, что ваш сайт по#nbsp;всем параметрам успешный: удобный, современный, с#nbsp;высокими показателями метрик#nbsp;— прекрасно. Если#nbsp;же по#nbsp;мере прочтения вы#nbsp;пришли к#nbsp;выводу, что у#nbsp;сайта проблемы и#nbsp;нужен редизайн, команда Uxjuniors поможет в#nbsp;этом. Мы#nbsp;занимаемся проектированием и#nbsp;дизайном интерфейсов, проводим UX-аудит сайтов, и#nbsp;знаем не#nbsp;только, как создать сайт с#nbsp;нуля, но#nbsp;и#nbsp;зачем его обновлять и#nbsp;что для#nbsp;этого нужно. Свяжитесь с#nbsp;нами через форму на#nbsp;сайте, проектный менеджер ответит вам в#nbsp;течение 24 часов и#nbsp;проконсультирует по#nbsp;любым интересующим вопросам.