Лидеры года — новая категория на Workspace Digital Awards! Номинируйте вашу команду, продукты и проекты.
Веб-разработка

Когда сайту нужен редизайн: от причин к результату

36 
 

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

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

Сначала определить, что должно измениться

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

«Для меня в таких задачах принципиально важно понимать, зачем мы принимаем конкретное решение, что оно должно изменить для пользователя и по каким показателям мы будем оценивать эффект».

Константин Рубцов, экс-руководитель digital-направления Экспобанка

В проекте Экспобанка мы в Red Collar провели UX-аудит и разработали дизайн-концепцию. Часть её решений использовали при обновлении сайта. Gizmo отвечали за дизайн и разработку, команда банка координировала работу и участвовала во всех этапах. Итоговые показатели относятся ко всему проекту, выполненному тремя командами.

Редизайн сайта Экспобанка — продуктовые страницы | Red Collar & Gizmo

Проверять сайт там, где им действительно пользуются

Около 70% трафика Экспобанка приходилось на смартфоны. Поэтому сначала проектировали мобильную версию, затем — десктопную. Данные о посещаемости определили порядок работы: основное внимание получила версия, с которой взаимодействовало большинство людей.

«Разбирали основные сценарии: как человек выбирает продукт, какую информацию ищет и что мешает ему перейти к заявке. По результатам аудита определили приоритеты: что исправить и как срочно».

Константин Рубцов, экс-руководитель digital-направления Экспобанка

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

Редизайн сайта Экспобанка — мобильная версия | Red Collar & Gizmo

Разместите
тендер бесплатно

Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.

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


Выбирать объём работ по причине проблемы

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

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

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

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

Константин Рубцов, экс-руководитель digital-направления Экспобанка

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

Связывать новый образ с устройством сайта

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

«Доверие начинается с ощущения, что над продуктом подумали. Выстроили последовательную историю о компании и её продукте. Очень важна последовательность бренда. Показательный пример — „М.Видео“. Раньше была понятная ассоциация: эксперты в электронике. Приходишь туда за техникой и рассчитываешь выбрать удобный телефон, посудомойку или ноутбук. А теперь открываешь главную страницу — там орехи, кератин для волос, сантехника. И всё на первом экране. Вот и нет больше доверия».

Константин Рубцов, экс-руководитель digital-направления Экспобанка

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

Фирменный стиль «Гремира» | Red Collar

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

Редизайн сайта «Гремира» — мобильная версия | Red Collar

Таким образом, у редизайна «Гремира» были две конкретные задачи: привести сайт в соответствие с брендом и устранить найденные проблемы в пользовательских сценариях. Визуальные изменения опирались на работу с позиционированием и особенности товара.

Оценивать результат по продуктам, а не только по сайту в целом

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

После обновления конверсия выросла вдвое. По направлениям результаты различались: в разделах «Бизнесу» и «Вклады» рост составил два раза, в «Картах» — три, в «Кредитах» — более полутора. Эти результаты приведены и в опубликованном кейсе проекта.

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

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

Лучшее
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.




44

Лучшие статьи

Поделиться: 0 0 0
Лайки за кейсы:  209 Подписчики:  10

Оцените статью
Спасибо за оценку