Разбор кейса: как новый дизайн Symbol повысил коэффициент конверсии на 76%

Аудио перевод статьи
0:00
0:00
·

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

Денис Студенников, руководитель отдела UX/UI студии "Turum-burum", поделился инсайтами о редизайне интернет-магазина Symbol. Ниже вы найдете список функций и решений, которые помогли повысить коэффициент конверсии сайта на 76%.

О проекте

Symbol является официальным дистрибьютором более 200 мировых брендов в Украине и работает на рынке уже более 20 лет. В настоящее время ритейлер сотрудничает с такими брендами, как Fendi, Dolce & Gabbana, Gucci, Stefano Ricci, David Koma, Brunello Cucinelli, Balmain, Philosophy di Lorenzo Serafini, Peserico и др.

Сеть бренда представлена 38 бутиками класса люкс и интернет-магазином.

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

Основная проблема:

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

Задача:

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

Специфика и нюансы проектирования интернет-магазина одежды класса люкс

Несмотря на то, что команда Turum-burum более 12 лет работает в сфере модной электронной коммерции, создание интернет-магазина одежды класса люкс стало для нас новым челенджем.

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

Магазин одежды класса люкс Symbol в Харькове, Украина

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

Разработка удобного интерфейса для продажи эксклюзивных товаров

Собрав и проанализировав данные, мы приступили к редизайну интерфейса интернет-магазина Symbol, используя подход RSR (Revolutionary Site Redesign — революционный редизайн сайта). Мы сфокусировались на трех приоритетных идеях — минимализм, простота и функциональность.

1. Индивидуальный подход

Целевая аудитория премиум-сегмента требует индивидуального подхода и обслуживания. 

Мы разделили все товары на несколько ключевых категорий:  "Женщины", "Мужчины" и "Дети", чтобы посетители главной страницы могли сразу попасть в нужный раздел. Благодаря этому решению магазин теперь может предложить каждому клиенту наиболее релевантные товары.

Главная страница магазина Symbol
2. Офлайн и онлайн как единая система

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

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

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

Бесплатная доставка и возможность оплаты через Apple Pay — основные конкурентные преимущества Symbol.
4. Уникальные точки входа

В качестве дополнительных точек входа мы добавили на главную страницу инновационные блоки, например, Look of the Day (лук дня) и Symbol Podium (Symbol подиум). Они выглядят как страницы глянцевого журнала, на которых представлена коллекция готовых образов. Отсюда клиенты могут сразу перейти к карточке понравившегося товара.

Блок "Лук дня" на сайте Symbol
Блок "Лук дня" в мобильной версии сайта
Многообразие образов и стилей на сайте Symbol

Мы структурировали навигацию и расставили категории в приоритетном порядке в соответствии с данными аналитики. Мы увеличили количество точек входа, добавив теги с названиями брендов и популярными запросами для быстрого поиска.

Теги для быстрого поиска в меню интернет-магазина Symbol
Теги на главной странице интернет-магазина Symbol
5. Фокус на товарах

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

Список категорий, фильтры и сортировка на сайте Symbol (десктопная и мобильная версия)

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

Чаще всего при прокрутке фотографии товара смещаются по-горизонтали, а на сайте Symbol — по-вертикали.
Карточка товара на мобильном устройстве
6. Онлайн-примерочная

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

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

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

Пример работы функции "Онлайн-примерочная" на сайте Symbol

Как мировые бренды стали доступнее

В результате редизайна интернет-магазина Symbol нам удалось создать интерфейс, который сделал процесс покупки мировых брендов более простым и удобным. Мы:

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

На измерение результатов “до” и “после” повлияло множество факторов. Тем не менее, значительный рост коэффициента конверсии был зафиксирован как в сезонный, так и в несезонный периоды. Например, если сравнивать органический трафик в несезонный период, конверсия увеличилась на 76,34%.

·
comments powered by HyperComments