Знаете ли вы, что 7 из 10 сайтов делают редизайн каждые 3 года. Лидеры рынка, сайты в ТОПе поисковой выдачи и популярные ресурсы проводят изменения постоянно. Более того, некоторые владельцы сайтов готовы переделать дизайн сразу после затяжного релиза проекта.
О чем это говорит? Как минимум о том, что существуют объективные причины внедрения редизайна и функциональных изменений на сайте, а также что тренды дизайна постоянно меняются.
Редизайн сайта подразумевает изменение внешней составляющей сайта или его отдельных элементов, сами изменения могут затрагивать не только само отображение элементов, но и их порядок, а также всю структуру страницы в целом.
Эти работы предполагают, что ваш проект перерос текущий сайт и есть необходимость в новом функционале или изменении логики работы текущих элементов.
Сейчас мы поговорим об объективных причинах и сигналах, которые говорят о необходимости внедрения редизайна на сайт.
Дизайн морально устарел
Да, дизайн может устареть и даже стать отражением памяти поколений маркетологов компании. Чтобы этого не произошло, вне зависимости от вашего желания необходимо обновлять дизайн минимум 1 раз в 3 года. Почему дизайн устаревает?
Ежегодно обновляются тренды и ваш сайт должен идти в ногу со временем. И это не должны быть вычурные элементы или градиенты по всему сайту — все гораздо проще. Изменяются требования к оформлению страниц и пользователи привыкают к определенному расположению элементов, работе навигации.
Не всегда просто объяснить, почему сайт выглядит архаично, но большинство пользователей быстро улавливают «древний» дизайн.
Перегруженная структура, отвлекающий внимание фон, нечитаемые шрифты, много текста, использование маленьких изображений и неприятных глазу цветов — все это отвлекает и приводит к единственному желанию поскорее закрыть вкладку в браузере.
Большинство посетителей сайта изначально будут оценивать доверие к вашему бизнесу, основываясь исключительно на его дизайне и контенте. Тенденции веб-дизайна меняются каждые несколько лет. В среднем сайт, который прослужил своему владельцу более 3 лет, точно стоит обновить.
Снижение конверсии и других показателей
Замечали в последнее время, что сайт продает хуже? Трафик такой же, или может даже больше, чем полгода назад, но продаж меньше. Возможно это сезонность, что легко проверить с помощью данных аналитики.
Но если сезонность ни при чем, а время пользователей на сайте сокращается, как и количество просмотренных страниц, конверсия все ниже и ниже — пришло время пересмотреть контент на сайте.
Спад конверсии означает, что все реже посетители интересуются вашим предложением. Аргументы, которые вы даете пользователю для выбора вашей компании теряют свою силу. С одной стороны, это может говорить об активности конкурентов, с другой стороны необходимо трезво оценить внутренние факторы.
Так к примеру, на каждой странице сайта вы пишете о бесплатной доставке, в то время как нужно было бы упомянуть и о быстрых сроках получения заказа. Или цена, которая находится в верхних пределах по рынку требует аргументации (например, расширенная гарантия, оригинал продукции, уникальный способ производства, ограниченный выпуск), а вы надеетесь на силу бренда и устоявшиеся убеждения аудитории о надежности компании.
Изменение дизайна позволит выделить преимущества именно вашего предложения для клиентов. Особенно остро эта проблема присутствует в товарах эмоционального спроса, где спрос будет зависеть от попадания в боль аудитории. Можно вместо 1 страницы с товаром сделать несколько разных и провести тесты для разных аудиторий.
Для примера возьмем продвижение фломастера от царапин на кузовах авто:
- Можно показать, что это распространенная проблема в городах и фломастер — должен стать частью аптечки в автомобиле;
- Сделать акцент на экономии покраски кузова;
- Показать, насколько быстро решается проблема с царапиной на авто;
- Фломастер — лучший подарок для мужчины.
Контент изменяется в зависимости от определенной аудитории и её потребностей. Таким образом, изменение дизайна позволяет анализировать эти события производя А/Б тесты, держа руку на пульсе конверсии.
При выборе обращения к аудитории есть и другая, не менее важная проблема связанная с дизайном сайта, например ваша реклама не соответствует контенту на сайте. Подробнее в следующем пункте.
Обращение к аудитории, ожидание и реальность
Вы провели многочисленные тесты, нашли идеальное обращение к клиенту, выбрали именно тот креатив, который цепляет вашу целевую аудиторию. Переходы на сайт по рекламе бьют все рекорды, трафик-менеджер ликует, открывая очередную бутылку шампанского… жалко, что ваш сайт вообще не в курсе этой ситуации.
В рекламных коммуникациях важно, чтобы первоначальное сообщение находило отражение в реальном контенте сайта. Таким образом, пользователи, которых «зацепило» объявление получат детализацию информации/предложения за которым они пришли.
В противном случае, действия пользователей сводятся к тому, что они ищут продолжение утерянной мысли, доказывая себе «что тут точно что-то должно быть про это», вместо того, чтобы убеждаться в преимуществах первоначального предложения.
При работе с креативными стратегиями нужно помнить, что посещения на сайт могут быть и с других источников (например, социальные сети или заходы по реферальным ссылкам), и пользователи могут не понять креатива, если они не знали о его истоках.
Итог — отдельный креатив требует новых посадочных, создание которых может быть ограничено в условиях текущих шаблонов дизайна.
Например, в рекламной кампании использовались креативы «CRM для ленивых» и знакомый персонаж, который ассоциировался с этим обращением. Но посетители, которые заходили на сайт с других источников трафика не понимали подобного креатива.
Лишние виджеты, попапы, реклама
Вместо тысячи слов, посмотрите это видео:
Следуйте принципу минимализма, не перенагружайте сайт лишними раздражающими элементами, всего должно быть в меру.
Сайт проигрывает на уровне конкурентов
В условиях рынка всегда идет работа с конкурентами. Значит вас будут постоянно сравнивать. Вам нужно прорабатывать не только конкурентные преимущества вашего предложения, но и делать так, чтобы вас заметили и запомнили.
Различные агрегаторы позволяют сравнить цены на товары за пару кликов. В тематиках, в которых агрегаторы не представлены это можно сделать за 10 минут изучив ТОП выдачи.
И да, цена будет важным критерием выбора, но далеко не единственным. Более важно содержание предложений, которые предоставляют разные компании, исходя из них покупатели и делают свой выбор.
Загляните в прайс навигатор, и посмотрите предложения компаний по любому топовому смартфону. Разница в цене может быть довольно значимой! Но переходы собирают все сайты, а заказы будут как по самым дешевым, так и по другим предложениям.
Вся суть в том, как выделить свое предложение и донести до клиента, что оно лучше, чем у соседа по рынку.
Поэтому, если заходя на сайт своих конкурентов вы:
- замечаете, что визуально он нравится вам гораздо больше своего;
- находите хорошие идеи, которые было бы неплохо внедрить на свой сайт;
- завороженно проводите на нем 10, 30 минут и более изучая контент;
- приводите его в пример своим сотрудникам;
- хотите купить у него товары или заказать услуги.
Это означает, что настало время перемен и начать нужно именно с сайта.
Сайт некорректно отображается
Возраст дизайна неразлучен с адаптивностью сайта. Если вас не убедил пункт о том, что пользователи ждут кнопок на своих «стандартных» местах, проверьте свой сайт на наиболее объективный критерий — наличие версии для мобильных устройств.
Чем старше сайт, тем выше вероятность отсутствия мобильной версии или адаптивной верстки под нее. А ведь доля мобильного трафика в последние годы значительно превышает объем посещений с компьютеров в большинстве тематик.
Сайт без версии под мобильные устройства приводит к значительным показателям по недополученной прибыли. Есть уровни адаптивности веб-ресурса под различные разрешения экрана:
- Дизайн только в одном расширении;
- Сжатие ширины страницы под разрешение устройства;
- Адаптивное построение элементов;
- Отдельная версия под мобильные устройства.
Порядка 94% сайтов сейчас разрабатываются используя адаптив под разные разрешения экранов. Оставшиеся 6% выбирают для себя отдельную версию под мобильные устройства.
Это объясняется тем, что качество адаптива незначительно отличается от отдельной мобильной версии, но требует значительно меньше времени разработчика, что влияет и на финальную стоимость проекта.
Отдельная мобильная версия необходима в случае значительного изменения структуры страниц, изменения пользовательского сценария. Поэтому, если ваш сайт с экрана телефона выглядит криво, пора задуматься об изменениях.
Новые направления в бизнесе
В своем развитии любой проект постоянно сталкивается с изменениями. Так в любом блоге может произойти пересмотр основных тем, а в бизнесе во главу стола может стать новый продукт. Подобные изменения всегда будут требовать пересмотра концепции и формата презентации.
Например, за годы работы интернет-магазин по продаже кофе, чая и кофемашин оброс новыми направлениями по аренде оборудования и ремонту. При этом сохранив первоначальное направление продаж. Или дизайнер интерьеров добавил в свои услуги 3D-проектирование помещений и ландшафтный дизайн.
Функционал, который есть на сайте позволяет разместить информацию об этих изменениях, но для пользователей поиск и работа с подобным контентом будет неудобной, по нескольким причинам:
- добавление новых страниц в меню (хедер/футер) приводит к искажению верстки;
- структура главной страницы не позволяет разместить информацию о новых направлениях, поэтому пользователи, для которых она стала страницей входа, чаще выходят с сайта, так и не найдя интересующую их информацию;
- возможность презентации и описания новых направлений будет ограничена. Чаще всего владельцы сайтов создают записи в блоге, которые впоследствии теряются в ленте новостей или используют шаблоны уже существующих страниц. Но блоки, предусмотренные под продажи, не будут соответствовать требованиям для презентации услуг.
Таким образом, пытаясь добавить новые услуги, направления своей компании в текущий дизайн сайта, вы можете рассчитывать на самую скромную презентацию для своих пользователей, которую скорее всего увидит только часть из них.
Для того чтобы сайт продолжал быть инструментом для бизнеса, вы должны громко заявить о новых направлениях и помочь своим клиентам, таким образом повысив LTV клиентов, средний чек и лояльность.
Скорость загрузки
Медленная загрузка сайта убивает желание пользователя работать с ним. Пользователю важно найти ответ на свой вопрос, увидеть предложение по товару или услуге, а не наблюдать иконку загрузки в браузере.
В данном случае, редизайн сайта позволяет пересмотреть количество блоков и их необходимость на десктопе и мобильных устройствах, изменить контент и использовать технологии, делающие работу сайта более быстрой.
Иногда можно обойтись сжатием изображений и настройками на сервере, но если эти действия не привели вас к желаемым цифрам — нужно решать проблему глобально.
Расширение информации на посадочных страницах
Всегда хочется сказать больше, показать детальнее, быть на одной волне с клиентами. Возникает потребность в добавлении новой информации для пользователей на страницах товара, в каталогах и т.д.
Это может быть полезный контент, например, как фото от реальных клиентов, реализованный через вывод фотографий, подтягивающихся с instagram, а не только предметная съемка для стандартной презентации. Или добавление информации, которую часто спрашивают при покупке, например, инструкцию по уходу.
Кроме того, появляются все новые и новые решения, направленные на увеличение конверсии.
Сложная навигация
Есть правило: любое действие должно быть доступно в 3 клика. Но только это правило многими было опровергнуто в день его создания. Представьте себе интернет-магазин без сортировок по цене и названию, фильтров по типам товаров и брендов, в котором все товары лежат на одной странице, а не сгруппированы по категориям.
Согласитесь, слегка пугает. А представьте себе меню, в котором вынесено всё в виде открытого списка, или что хуже, есть возможность перехода только на категории первого уровня.
В работе с сайтом все должно быть нативно понятно, к нему не должны прикрепляться инструкции как заказать, как найти нужную страницу или где искать отложенные товары.
Проблемы с навигацией чаще всего возникают в случае:
- Вы резко выросли и первоначальная структура каталога не подходит под текущее количество категорий, товаров.
- Стремясь учесть как можно больше, при создании архитектуры вы добавили ненужные разделы, функции, блоки. Теперь на вашем сайте можно сделать все что угодно, но не понятно как.
Возможно вы сталкивались с приложением для мобильного банкинга от Укрсиббанка, редизайн которого, помог продолжать конкурировать с гигантами в Украине. Что удивительно — в редизайне они убрали более 50% функций для пользователей, таким образом освободив пространство для самых важных действий.
Подытожим
Есть объективные и субъективные причины желания обновить сайт свежим дизайном. Если вы решили сделать редизайн всего сайта или его отдельных элементов, учтите, что сами изменения могут затрагивать не только само отображение элементов, но и функциональную часть.
Например, поменять местами блоки в корзине, выделить поля, увеличить размер кнопок, вынести дополнительную информацию о товаре — все это будет считаться редизайном страницы оформления заказа. Но как только вы захотите добавить поле промокода, это перерастет в изменение функционала.
Поскольку появление 1 поля приведет к добавлению определенной логики взаимодействия обычных и акционных цен с промокодом, выбора области работы кода (изменение цены, подарок, бесплатная доставка), вполне логично, что изменение функционала потребует дополнительных часов разработчика. Поэтому учитывайте это при планировании бюджета.
Если ваш сайт подпадает хотя бы под одну причину редизайна, стоит задуматься. Обнаружили совпадение по двум причинам и более — вы уже должны находиться в процессе обновлении дизайна сайта.
Наша команда Art Lemon специализируется на дизайне и готова предложить свою экспертную помощь в этом вопросе — обращайтесь к нам ;)