РЕДИЗАЙН САЙТА

Вы получите:
РЕДИЗАЙН САЙТА

ЦЕЛИ

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

Актуализация
Мобильная версия

Термин: “адаптивность”. Нужна для корректного отображения сайта на мобильных устройствах.

Новая CMS

Для удобного редактирования сайта, без специальных  навыков. Тексты, картинки и даже вёрстка.

Современные функции

ПРЕИМУЩЕСТВА НАШИХ САЙТОВ

РАЗУМНАЯ ЦЕНА

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

ПРОДУМАННЫЙ МАРКЕТИНГ

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

ЭФФЕКТИВНЫЙ ДИЗАЙН

Создаём уникальный и эффектный дизайн, способный направить посетителя к целевому действию. Это увеличивает конверсию.

АДАПТИВНАЯ ВЕРСТКА

Ваш сайт гармонично отобразится на всех используемых интернет-браузерах и мобильных устройствах независимо от размера экрана.

НАШИ РАБОТЫ

Bevisioned

Корпоративный сайт разработчика Virtual Reality

OQEMA

Корпоративный сайт международного поставщика химии

Зелене Коло

Корпоративный сайт импортёра электромобилей

Mountain Monarch

Корпоративный сайт туристического агентства

ANTI FAT

Сайт-визитка программы похудания

Keurig

Интернет - магазин оборудования гарячих напитков

Bevisioned

Корпоративный сайт разработчика Virtual Reality

OQEMA

Корпоративный сайт международного поставщика химии

Зелене Коло

Корпоративный сайт импортёра электромобилей

Mountain Monarch

Корпоративный сайт туристического агентства

ANTI FAT

Сайт-визитка программы похудания

Keurig

Интернет - магазин оборудования гарячих напитков

Когда пора делать редизайн сайта

Сайты, занимающие первые позиции в поисковых системах и лидеры рынка регулярно меняются. Более того, некоторые владельцы сайтов готовы провести редизайн сразу после того, как проект был реализован.

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

Для начала, следует точно определить, что Вам действительно стоит обновить дизайн сайта. С этой целью следует задать себе несколько вопросов. Если ответ на них будет “нет”, тогда переработка веб-ресурса точно нужна:

  • Сайтом удобно пользоваться? Это подтверждают данные систем веб-аналитики? (Нужно оценить целевые действия — подписки, покупки, звонки, показатели конверсии страниц, а также их глубину просмотра);
  • Качество сайта соответствует уровню компании? (Если Вы лидеры рынка или стремитесь к этому статусу, то уровень сайта должен на все 100% оправдывать ожидания посетителей);
  • Сайт адаптирован под мобильные устройства? (Есть много программ, которые позволяют проверить адаптивность ресурса к различным платформам и гаджетам);
  • Ваш сайт идеален и не требует каких-либо изменений?
  • На сайте внедрены хотя бы 5 из 20 фишек актуального веб-дизайна?

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

Редизайн морально устаревшего сайта

Дизайн действительно может устареть и даже отражать тенденции прошлых десятилетий. Чтобы такая ситуация не возникли, вне зависимости от Ваших желаний, обновлять дизайн необходимо минимум 1 раз в 3 года. Почему дизайн устаревает?

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

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

Снижение конверсии и других показателей

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

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

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

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

Если изменить дизайн, то удастся выделить преимущества конкретного предложения для клиентов. Особо остро эта проблема ощущается, если речь идет о продаже товаров эмоционального спроса — в этом случае спрос зависит от попадания в боль аудитории. Можно вместо 1 страницы с товаром сделать несколько разных и протестировать их для разных аудиторий.

Разберем это на примере продвижения фломастера от царапин на кузовах авто:

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

В зависимости от определенной аудитории и её потребностей, контент будет меняться. Таким образом, изменяя дизайн, можно анализировать эти события при проведении А/Б тестов. Выбирая обращение к аудитории, следует учитывать и другую, не менее важную проблему, связанную с дизайном сайта. Например, реклама может не соответствовать контенту на сайте. Об этом поговорим подробнее в следующем пункте.

Обращение к аудитории, ожидание и реальность

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

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

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

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

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

Сайт проигрывает на уровне конкурентов

В условиях рынка, приходится учитывать конкурентов. Следует быть готовым к постоянным сравнениям. Понадобится прорабатывать не только конкурентные преимущества предложения, но и делать так, чтобы Вас запомнили.

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

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

Вся суть состоит в том, каким образом выделить предложение и донести его ценность до клиента, его преимущества среди конкурентов.

Поэтому, если Вы при переходе на сайт конкурентов, замечаете, что:

  • визуально он Вам нравится больше своего;
  • есть пару идей, которые бы хотели внедрить на свой сайт;
  • проводите на нем больше 5 минут и внимательно изучаете контент;
  • ставите его в качестве примера перед сотрудниками;
  • хотите приобрести товары или заказать услуги.

Это значит, что пришло время перемен и первым шагом будет именно редизайн сайта.

Сайт некорректно отображается

Адаптивность сайта непременно связана с возрастом дизайна. Если Вас не убедило утверждение о том, что пользователи ждут кнопки на своих “стандартных” местах, проверьте сайт по одному из наиболее объективных критериев — адаптивность сайта к мобильным устройствам.

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

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

  • Дизайн только в одном расширении;
  • Сжатие ширины страницы под разрешение устройства;
  • Адаптивное построение элементов;
  • Отдельная версия под мобильные устройства.

Более 95% сайтов разрабатываются с учетом адаптивности под разные разрешения экранов. Оставшиеся 5% выбирают для себя одну отдельную версию. Качество адаптива практически идентично отдельной мобильной версии. При этом по времени оно разрабатывается гораздо быстрее, что также влияет на финальную стоимость проекта.

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

Новые направления в бизнесе

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

Например, за годы работы интернет-магазин по продаже кофе, чая и кофемашин получил ещё одно направление — аренда оборудования и ремонт. Таким образом, первоначальное направление продаж сохраняется.

Функционал сайта позволяет разместить информацию об этих изменениях, но для пользователей поиск и работа с подобным контентом будет неудобной сразу по нескольким причинам:

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

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

Скорость загрузки

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

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

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

Расширение информации на посадочных страницах

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

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

Решения, направленные на увеличение конверсии появляются регулярно, нужно только успевать их внедрять.

Сложная навигация

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

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

Есть несколько причин, из-за которых возникают проблемы с навигацией:

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

Возможно, Вы сталкивались с мобильным приложением для мобильного банкинга от Укрсиббанка. Благодаря редизайну, приложение вышло на один уровень с гигантами в Украине. Самое удивительное то, что в процессе редизайна, удалось убрать более 50% функций для пользователей. Тем самым, пространство освободилось для самых важных действий.

Для максимально эффективного редизайна, следует придерживаться пошаговой инструкции, которая позволит все сделать правильно:

1 Анализируем действующий сайт

Чтобы сделать качественное обновление, следует ориентироваться на существующие наработки. В первую очередь, проведите тщательный анализ своего сайта для выявления не только слабых мест, которые понадобится усилить новыми решениями, но и для сохранения сильных.

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

Не стоит изобретать велосипед тогда, когда он уже готов. Стоит просто его модернизировать.

При анализе сайта следует обратить внимание на ряд очень важных моментов:

  • конверсия элементов;
  • что можно удалить?;
  • какие страницы или разделы стоит добавить?;
  • какие есть ограничения;
  • какие “фишки” нравятся клиентам?;
  • что говорит о сайте SEO-шник?

2 Планирование изменений

Этот процесс имеет сходство с созданием нового сайта. Начинается все с подготовки технического задания и разработки прототипа страница. Отличие состоит в том, что сильные стороны сохраняются, а слабые совершенствуются.
При разработке технического задания следует учитывать необходимость в переносе сайта на новый движок. Если это понадобится, то следует проконсультироваться с SEO-специалистом, чтобы сохранить наработки по внутренней оптимизации ресурса. Это позволит не только удержать позиции после обновления, но и добавить их.

Основная задача редизайна состоит в том, чтобы сделать сайт ещё удобнее, полезнее и конверсионнее. При проектировании, очень важно:

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

3 Собственно, редизайн

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

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

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

Дизайнеру не стоит использовать рыбный контент. При заполнении сайта, информацию можно брать с уже существующего ресурса. Если чего-то не хватает, следует это заранее подготовить. Играет роль также дизайн текста — прятать тысячи символов, которые нарабатывал копирайтер не стоит. Лучше сделать из этого красивую визуальную подачу.
Дизайнер, конечно, имеет свой взгляд на все, но никто не мешает Вам предлагать самостоятельно какие-то идеи и “фишки”. Если они действительно стоящие, от этого все только выиграют.

4 Верстка

На этом этапе следует привлечь дизайнера и SEO-специалиста.
Дизайнер воплотит в реальность все задуманные идеи и “фишки”. Он также проследит за тем, чтобы сайт оптимально адаптировался к размерам мобильных гаджетов. Дополнительно возможна генерация новых вау-элементов, которые в дальнейшем внедрит верстальщик. Речь идет об анимации, интерактивных эффектов для ховеров или при скроллинге.
SEO-специалист необходим для того, чтобы микроразметка сайта была сохранена, включая все заголовки и наработки прошлого сайта. Также СЕО-шник улучшит внутреннюю часть сайта, что позволит нарастить позиции в поисковых системах.

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

5 Программирование

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

На этапе программирования, админка должна быть проработана для максимального удобства пользования. Поэтому в ТЗ должны быть включены все необходимые функции обновленного движка. Главное составить перечень “хотелок” и описать подробно каждую, а программист внедрит.

6 Наполнение контентом

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

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

7 Контроль качества и запуск

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

В какой-то момент станет понятно, что следует выключать перфекциониста и официально запустить сайт. Просто смиритесь, что “почти хорошо” сейчас лучше, нежели, “идеально”, но в далеком будущем.

8 Что улучшить?

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

Подытожим

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

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

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