Когда нужен редизайн сайта? История о том, как изменили карточку товара и увеличили количество заказов клиенту

Когда нужен редизайн сайта? История о том, как изменили карточку товара и увеличили количество заказов клиенту

Если количество продаж не радует, часто владельцы бизнеса начинают разбираться с проблемой через цифры — проверяют трафик, его качество и источники. Это правильно и важно. Но бывает и так: сайт в ТОПе, собирает тысячи посетителей, а продажи всё равно не растут. Что делать в таком случае?

С чего начать: аудит сайта

Прежде, чем работать над трафиком, надо провести аудит. Рассказываем на примере из практики 34ВЕБ.

Донская оружейная фабрика (ДОФ) — постоянный клиент нашей студии с 2020 года. Компания производит сувенирное и конструктивно схожее с холодным оружие: шашки, сабли, шпаги и т.п.

За 5 лет мы помогли им вырасти в органическом трафике: с ~200 до ~4 500 посетителей в месяц. Сайт стабильно занимает места в ТОП-3 по ключевым коммерческим фразам. Казалось бы — всё отлично. Но заказы в основном приходили через соцсети.

Статистика посещаемости сайта по данным Яндекс.Метрики 
Статистика посещаемости сайта по данным Яндекс.Метрики 

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

В первую очередь мы провели аудит и подтвердили гипотезы:

1. Спрос на продукцию есть — это подтвердила выгрузка товаров на маркетплейс Ozon и активность в сообществе ВК;

2. Проблема не в трафике и не в продукте, а в UX сайта.

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

Как подойти к редизайну

Чтобы редизайн стал эффективным инструментом продаж, важно не просто «сделать красиво», а найти баланс между эстетикой и удобством. Мы собрали требования для команды, которая будет задействована, и подготовили полноценные ТЗ по всем направлениям:

  • Фотограф. Подготовили подробные инструкции: какие ракурсы нужны, на что обратить внимание. Например, сабли — длинные, блестящие, бликующие предметы, их тяжело снять без искажения: нужно много деталей, чтобы пользователь мог «увидеть» качество оружия. Заказчик нашел исполнителя и тот отфотографировал изделие как можно ближе к книге-альбому: много вертикальных кадров высокого качества. Сделали акценты на уникальную конструкцию товаров: гарды, навершие, рукояти. Покупатель должен видеть, что он покупает.
  • Дизайнер. Перед дизайнером стояла двойная задача. С одной стороны — передать эстетику брендовых изделий. Идею визуала заказчики описали так: «карточка товара должна быть как страница дорогой исторической книги». Мы ознакомились с некоторыми, в том числе с книгой А. Н. Кулинского «Русское холодное оружие». Из нее позаимствовали стиль — строгий, с четким фокусом на детали.

С другой стороны — важно было соблюсти удобство и UX-логику, чтобы пользователю всё оставалось понятно и привычно. Мы учли поведение аудитории на маркетплейсах, заложили паттерны, знакомые по Ozon и Wildberries, предусмотрели сценарии взаимодействия. Один из примеров — слайдер, который сворачивает длинный текст описания, если его слишком много. Это только один из десятков нюансов, над которыми мы совместно работали, чтобы найти баланс между эстетикой, функциональностью и привычным восприятием информации.

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

После того, как специалисты закончили свою работу, начался этап тестирования. Мы проверили корректность работы всех внедренных элементов: микроразметки, заголовков, ссылок, динамических блоков. Особое внимание уделили тому, как данные считываются поисковыми роботами. Исправили все выявленные правки по технической части.

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

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

Старая версия карточки товара 
Старая версия карточки товара 
Новая версия карточки товара 
Новая версия карточки товара 

Зачем обновлять дизайн сайта

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

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

Поэтому мы в 34ВЕБ смотрим на сайт как на бизнес-процесс: SEO, дизайн, UX и продуктовая логика должны работать в связке. Если вам кажется, что «всё хорошо с трафиком, но продажи не идут», начните с аудита.

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

1
Начать дискуссию