← Все кейсы [ кейс 05 / 14 ]

MERTRA®

Mertra — быстрорастущий стритвир-бренд с дерзкой утилитарной эстетикой. Трафика хватало, а продаж нет, особенно с телефонов. Я переделал только то, что ломалось: карточки товаров, оформление заказа и моменты, где покупатель решает, доверять ли магазину. Без ребрендинга и без переезда на другую платформу — просто убрал трение и сделал магазин понятнее. За 90 дней конверсия выросла втрое, а заказы стали бросать почти вдвое реже.

Клиент
MERTRA®
Категория
E-commerce дизайн
Когда
II кв. 2024
Сколько
3 месяца

+189%

Конверсия

−27 п.п.

Брошенные оформления заказа

+55%

Глубина прокрутки карточки товара на телефоне

Логотип Mertra

§ 01 · Коротко

Mertra — быстрорастущий стритвир-бренд с дерзкой утилитарной эстетикой. Трафика хватало, а продаж нет, особенно с телефонов. Я переделал только то, что ломалось: карточки товаров, оформление заказа и моменты, где покупатель решает, доверять ли магазину. Без ребрендинга и без переезда на другую платформу — просто убрал трение и сделал магазин понятнее. За 90 дней конверсия выросла втрое, а заказы стали бросать почти вдвое реже.

§ 02 · Цели

  1. Поднять мобильную конверсию
    На телефоне в приоритете скорость, ясность и удобство. Товары должны легко находиться, а путь от ленты до оплаты — стать короче.

  2. Перестать терять людей на оформлении заказа
    Сразу показывать стоимость доставки, шаги оплаты и прогресс. Убрать всё, из-за чего покупатель сомневается или уходит.

  3. Заслужить доверие прозрачностью
    Характеристики, доставка и гарантия — прямо в карточке товара, чтобы ничего не приходилось угадывать.

§ 03 · Моя роль

Руководил редизайном карточек товаров и оформления заказа с прицелом на телефоны. Упростил интерфейс, добавил сигналы доверия, и за 90 дней конверсия выросла втрое.

§ 04 · Команда

Маркетолог и два фотографа. На мне были UX-стратегия, дизайн интерфейса и оптимизация карточек товаров, навигации и оформления заказа.

§ 05 · Проблема

Проблема

Mertra — австралийский стритвир-бренд, который с запуска в 2022 году быстро растёт. Трафик за год вырос на 22%, но конверсия магазина застряла на 0,9%, а оформление заказа бросали 68% покупателей, в основном с телефонов. Люди жаловались, что не доверяют магазину: характеристики непонятные, о гарантии ни слова, а доставка оказывается платной в последний момент.

Этот кейс про одну цель: поднять конверсию и доверие — упростить покупку с телефона и сразу показывать все условия.

Первые наброски и вайрфреймы

§ 06 · Исследование

Исследование

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

Цифры

  • Google Analytics и Hotjar:
    • 59% трафика шло с телефонов, но большинство не листало дальше первого экрана
    • Таблицы характеристик почти никто не открывал, хотя 80% вопросов в поддержку были именно о них
    • Чаще всего уходили на шаге, где впервые появлялась стоимость доставки

Интервью (15 человек)
Мы поговорили с постоянными клиентами, теми, кто покупал впервые, и теми, кто почти купил, но ушёл. Мысль повторялась: бренду не хватает доверия. Нет информации о доставке, непонятные характеристики, гарантию не видно.

Эвристический аудит

  • Перегруженная навигация, кнопки дублируют друг друга

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

  • Визуальный разнобой подрывал доверие

Конкуренты
Я разобрал пять прямых конкурентов и лидеров рынка. Вот что у них есть, а у Mertra не было:

  • Условия доставки и возврата на виду

  • Оплата частями

  • Фото и отзывы покупателей

Ключевые персоны

Персона Чего хочет Что раздражает Как покупает
Джордан (23, студент) Найти модные и недорогие вещи с телефона Размеры везде разные, мобильная версия неудобная Приходит из Instagram, ждёт Apple Pay и быстрой оплаты
Крис (28, коллекционер стритвира) Успеть на лимитированные дропы и разобраться с посадкой и размерами Нет отзывов и живых фото, непонятно, когда привезут Приходит по ссылке на товар, бегло смотрит детали, тратит много
Майя (31, покупает впервые) Купить подарок и не сомневаться в качестве и возврате Гарантию и срок доставки видит слишком поздно Быстро уходит, если доверие не появилось сразу
Сайт Mertra

§ 07 · Разработка и дизайн

Разработка и дизайн

Эти выводы превратились в точечные изменения на ключевых страницах.

Главная и навигация

  • Первый экран с меняющимся промо-текстом

  • Заметные значки доверия (гарантия, способы оплаты) и ссылки на отзывы

  • Вместо 11 разделов меню — 5 понятных категорий: «Худи», «Куртки» и так далее

  • Поиск всегда под рукой, с подсказками по артикулу для тех, кто знает, что ищет

Карточки товаров

  • Характеристики во вкладках, которые удобно листать на телефоне

  • Оплата частями и стоимость доставки прямо под ценой

  • Картинки в WebP, чтобы страница грузилась быстрее

Оформление заказа

  • Два понятных шага (доставка → оплата) с расчётом доставки UPS в реальном времени

  • Индикатор прогресса и короткая подпись о защищённой оплате

Стиль бренда

  • Современная утилитарная дизайн-система: жирные гротескные заголовки, ярко-красные акценты, единые иконки в автомобильном духе

  • Та же система в баннерах, письмах и сообщениях после покупки

Мобильный интерфейс Mertra

§ 08 · Результаты

Результаты

Через 90 дней после запуска цифры говорили сами за себя:

$ cat results.log
  1. Конверсия +189%
    было 0.9%
    стало 2.6%
  2. Брошенные оформления заказа −27 п.п.
    было 68%
    стало 41%
  3. Глубина прокрутки карточки товара на телефоне +55%
    разница +55%
  4. Нажатия на главную кнопку в карточке в 2,1 раза
    разница +110%
  5. Вопросы в поддержку о характеристиках −47%
    разница −47%
  6. Средний чек +16%
    разница +16%
Ещё проекты избранное
/06 2026
Демо Rapid API для Expedia Group

Демо Rapid API для Expedia Group

Продуктовый дизайн

/07 2025
PHILO

PHILO

Продуктовый дизайн