Globus — редизайн маркета
E-commerce
Redesign
Discovery
Я пришёл в команду, когда редизайн был необходимостью: низкая вовлечённость, почти нулевая конверсия покупок и слабое юзабилити. Меня зацепили масштаб задачи и уникальная специфика маркета, которая сильно отличается от конкурентов
В чем уникальность продукта
—
Бизнес работает только с заказами от 30 000 $. Поэтому корзина в среднем содержит 25–40 товаров
—
Пользователи часто формируют несколько заказов одновременно
—
Конфигуратор товара содержит конфликтующие опции
—
Основная часть аудитории старше 45 лет и не имеет достаточного digital‑опыта
Цель редизайна
Перед началом проектирования я погрузился в поиск проблемных мест. Первым делом разобрал накопленный фидбек постоянных клиентов с полезными инсайтами:
—
Сложная логика селекторов затрудняла выполнение сценария, провоцируя отказ от покупки
—
Поиск не понимал живую речь, поэтому найти нужный товар было тем ещё квестом
—
Перегруженная страница заказа. Малоиспользуемый функционал ухудшал навигацию и иерархию
Результаты UX-аудита подсветили ещё несколько дыр:
—
Лишние шаги в сценариях и неучтённые edge-кейсы
—
Фильтры показывали невалидные опции, усложняя выбор и приводя к пустым результатам
—
Слабое юзабилити отдельных компонентов и всего интерфейса в целом
—
Повсеместные нарушения базовых правил типографики и цвета, ухудшающие опыт и восприятие продукта
Редизайн потребовал радикальных мер — создания с нуля дизайн-системы с 80+ компонентами, которая стала фундаментом для обоих продуктов.
Метрики в «красной зоне»
Аналитика показала критически низкую вовлеченность. Большинство визитов заканчивалось на первой же странице — без кликов и целевых действий. Мы буквально теряли пользователей на старте
UX-аудит и анализ метрик
Почему у нас нет привычной корзины?
—
Средний заказ состоит из 35–40 товаров, что усложняет навигацию по товарам
—
Группировка товаров по комнатам упрощает навигацию и сверку со спецификацией дизайн-проекта
—
Каждый четвертый клиент работает над несколькими заказами одновременно
Мне удалось сократить флоу на один экран. Раньше для выбора заказа использовалась отдельная страница, что добавляло лишний шаг при каждом просмотре. Также были убраны второстепенные разделы, которые оказались невостребованными (по результатам опроса и долям просмотров).
Анализ 50 заказов подтвердил гипотезу, что пользователи активно используют группировку по комнатам. Поэтому я убрал фильтры — при 4–7 товарах в комнате скроллить быстрее, чем использовать фильтрацию
Переосмыслив функционал, я значительно проапгрейдил его:
—
Закрыты критические дыры: теперь нельзя удалить товары или заказ на этапе производства или доставки
—
Добавлена индикация новых событий
—
Чаты стали похожи на привычные мессенджеры
—
В каждый заказ по умолчанию включены 6 базовых комнат. Это служит знакомством с функционалом и сокращает путь к покупке
Больше, чем просто корзина
Особенности мобильной версии
Таббар был скрыт, чтобы не создавать третий уровень навигации. Юзабилити тестирование подтвердило, что пользователи легко находят обратный путь к другим разделам
Множество итераций дизайна карточки товара
Фидбек показал важность полноты информации о товаре. Создать баланс информативности и читаемости было сложной задачей, ведь помимо характеристик и статусов карточка содержит 7 интерактивных элементов
Функционал был доработан в соответствии с лучшими практиками:
—
При пересечении фильтров недоступные опции неактивны — пустые результаты исключены
—
Чипсы дублируют выбранные фильтры
—
Добавил 3 вида блоков рекомендаций для каждого уровня каталога
—
Карточки товаров стали минималистичными. Добавление в избранное и пагинация изображений отображаются только при наведении курсора
Каталог стал эффективнее — это видно по цифрам
—
Переходы к товару выросли с 4.5% до 11.8%, а после фильтрации с 6.6% до 21.0%
—
Доля просмотров товаров увеличилась с 11.8% до 28.5%
—
Применение фильтров выросло с 16.2% до 34.0%
—
Время до первого действия сократилось с 16 сек до 9 сек
Каталог
Одной из основных проблем была логика конфигуратора — после выбора опции, конфликтующие варианты становились недоступными. Возникал парадокс: товар существовал в разных конфигурациях, но интерфейс не давал их выбрать из-за заблокированных опций.
Я добавил полную свободу выбора с динамическими подсказками о конфликтах. При выборе несовместимой опции система сбрасывает конфликтующие параметры
Конверсия в корзину сдвинулась с мёртвой точки
Цифры выросли с 1.27% до 4.80%, что уже является неплохим результатом для премиум сегмента. Ожидается рост показателя после решения фундаментальных проблем: некачественные изображения товаров и их отсутствие на каждый цвет
Страница товара
Основной вызов здесь был не в визуале, а в создании детальной логики для разработки. Я спроектировал требования к алгоритмам распознавания: от обработки опечаток и раскладки до учета синонимов и контекста запроса. Продумал поведение автодополнения и ранжирования — от ввода первого символа до формирования целой фразы.
Сейчас функционал внедряется итерациями: мы постоянно докручиваем точность поиска вместе с командой разработки.
Анатомия поиска
Редизайн постепенно выкатывается в продакшн: мы внедряем разделы итерациями. Первые данные уже подтвердили верность гипотез — ключевые метрики показывают положительную динамику, а градус фидбека от пользователей заметно вырос.
Параллельно мы обучаем ИИ-помощника. Сейчас на этапе внутреннего тестирования — «умные» подсказки в реальном времени подхватывают пользователя там, где он затупил, и помогают дойти до финала сценария без стресса.
Что по итогу
