Елена Жданова

Продуктовый | UX/UI дизайнер

Елена Жданова

Продуктовый | UX/UI дизайнер

Редизайн интернет-магазина ЕКАПАК

−60%

ручной обработки заказов

+12–18%

к конверсии в покупку

+12%

доли клиентов без рекламы

в 2 раза

сокращен штат менеджеров

Discovery

ЕКАПАК — B2B/B2C e-commerce платформа по продаже гибкой вакуумной упаковки (кастомные и стандартные решения).

💡 Инсайты:

• пользователи не понимают, как выбрать подходящую упаковку (много параметров без контекста);
• отсутствует быстрый способ расчета стоимости → пользователи уходят: подумать;
• карточка товара не покрывает сценарий кастомизации;
• перегруженный процесс оформления заказа → высокий уровень отказов;
• менеджеры вручную уточняют параметры заказа → высокая операционная нагрузка;
• каталог не адаптирован под реальные данные (контент ломает интерфейс).

Продуктовая проблема

Сложный путь пользователя и перегруженные сценарии оформления заказа, низкая конверсия в покупку.

Задача

Упростить пользовательский путь и увеличить конверсию.

Моя задача:

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

Также отрисовка: баннеров, иллюстраций и иконок.

Этапы работы

• анализ CJM и пользовательского поведения;
• выявление узких мест в воронке;
• проектирование user flow;
• прототипирование;
• UI-дизайн;
• A/B тестирование;
• внедрение с разработкой.

JTBD

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

Продуктовая стратегия

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

Ключевое решение:

Внедрение калькулятора упаковки как центрального элемента выбора.

Почему так:

• закрывает основную боль: выбор по индивидуальным параметрам;
• снижает зависимость от менеджеров;
• ускоряет принятие решения.

UX/UI решения

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

Каталог (листинг)

Добавила режимы отображения: таблица, список и карточки, выполнела адаптацию под реальные данные (включая длинные названия и характеристики), улучшила сканируемость интерфейса и усилила иерархия информации.

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

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

Калькулятор

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

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

📌

Данная фича выделяет продукт среди конкурентов.

Также были добавлены:

  1. Корзина и оформление заказа
    Переработана корзина: добавлено редактирование параметров товаров, сокращены шаги оформления и упрощена структура полей, чтобы снизить количество отказов при оформлении заказа.

  2. Онлайн-оплата
    Реализована онлайн-оплата без разрыва между оформлением и завершением заказа, чтобы ускорить путь пользователя к покупке.

  3. Личный кабинет
    Реализован лк с историей заказов и повтором заказа в один клик для упрощения повторных покупок.

A/B тестирование

После внедрения ключевых изменений в интерфейсе были проведены A/B тесты для проверки влияния новых решений на конверсию и поведение пользователей.

Ключевое решение:

Внедрение калькулятора упаковки как центрального элемента выбора.

Гипотезы:

  1. Упрощение пути к покупке увеличит конверсию:
    • сокращение шагов в оформлении заказа;
    • упрощение структуры корзины.

  2. Калькулятор повысит вероятность покупки кастомных товаров:
    пользователь быстрее принимает решение при наличии мгновенного расчета цены и визуализации результата.

  3. Улучшенная карточка товара снизит количество возвратов и уточнений:
    более структурированная информация уменьшит неопределенность.

  4. Информационные страницы снизят нагрузку на поддержку:
    четкие информационные блоки (доставка / оплата / возврат) закроют частые вопросы без обращения к менеджеру.

A/B тестирование подтвердило, что ключевым драйвером роста стало не косметическое улучшение UI, а пересборка сценария выбора и покупки товара — особенно за счёт калькулятора и упрощённого оформления заказа.

Системный подход

Я использовала системный подход к проектированию интерфейса и выстроила целостную структуру проекта: проработала состояния empty, loading, error и success, унифицировала ключевые компоненты (карточки, фильтры и формы), заложила масштабируемую логику каталога и основу для UI-kit с учетом будущего роста ассортимента и параметров.

Работа с командой

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

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

Результат

Промежуточные итоги в цифрах за 3 месяца.

−60%

ручной обработки заказов

+12–18%

к конверсии в покупку

+12%

доли клиентов без рекламы

в 2 раза

сокращен штат менеджеров

Пруфы

Другие мои проекты

Елена Жданова

Продуктовый | UX/UI дизайнер

Редизайн интернет-магазина ЕКАПАК

−60%

ручной обработки заказов

+12–18%

к конверсии в покупку

+12%

доли клиентов без рекламы

в 2 раза

сокращен штат менеджеров

Discovery

ЕКАПАК — B2B/B2C e-commerce платформа по продаже гибкой вакуумной упаковки (кастомные и стандартные решения).

💡 Инсайты:

• пользователи не понимают, как выбрать подходящую упаковку (много параметров без контекста);
• отсутствует быстрый способ расчета стоимости → пользователи уходят: подумать;
• карточка товара не покрывает сценарий кастомизации;
• перегруженный процесс оформления заказа → высокий уровень отказов;
• менеджеры вручную уточняют параметры заказа → высокая операционная нагрузка;
• каталог не адаптирован под реальные данные (контент ломает интерфейс).

Продуктовая проблема

Сложный путь пользователя и перегруженные сценарии оформления заказа, низкая конверсия в покупку.

Задача

Упростить пользовательский путь и увеличить конверсию.

Моя задача:

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

Также отрисовка: баннеров, иллюстраций и иконок.

Этапы работы

• анализ CJM и пользовательского поведения;
• выявление узких мест в воронке;
• проектирование user flow;
• прототипирование;
• UI-дизайн;
• A/B тестирование;
• внедрение с разработкой.

JTBD

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

Продуктовая стратегия

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

Ключевое решение:

Внедрение калькулятора упаковки как центрального элемента выбора.

Почему так:

• закрывает основную боль: выбор по индивидуальным параметрам;
• снижает зависимость от менеджеров;
• ускоряет принятие решения.

UX/UI решения

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

Каталог (листинг)

Добавила режимы отображения: таблица, список и карточки, выполнела адаптацию под реальные данные (включая длинные названия и характеристики), улучшила сканируемость интерфейса и усилила иерархия информации.

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

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

Калькулятор

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

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

📌

Данная фича выделяет продукт среди конкурентов.

Также были добавлены:

  1. Корзина и оформление заказа
    Переработана корзина: добавлено редактирование параметров товаров, сокращены шаги оформления и упрощена структура полей, чтобы снизить количество отказов при оформлении заказа.

  2. Онлайн-оплата
    Реализована онлайн-оплата без разрыва между оформлением и завершением заказа, чтобы ускорить путь пользователя к покупке.

  3. Личный кабинет
    Реализован лк с историей заказов и повтором заказа в один клик для упрощения повторных покупок.

A/B тестирование

После внедрения ключевых изменений в интерфейсе были проведены A/B тесты для проверки влияния новых решений на конверсию и поведение пользователей.

Ключевое решение:

Внедрение калькулятора упаковки как центрального элемента выбора.

Гипотезы:

  1. Упрощение пути к покупке увеличит конверсию:
    • сокращение шагов в оформлении заказа;
    • упрощение структуры корзины.

  2. Калькулятор повысит вероятность покупки кастомных товаров:
    пользователь быстрее принимает решение при наличии мгновенного расчета цены и визуализации результата.

  3. Улучшенная карточка товара снизит количество возвратов и уточнений:
    более структурированная информация уменьшит неопределенность.

  4. Информационные страницы снизят нагрузку на поддержку:
    четкие информационные блоки (доставка / оплата / возврат) закроют частые вопросы без обращения к менеджеру.

A/B тестирование подтвердило, что ключевым драйвером роста стало не косметическое улучшение UI, а пересборка сценария выбора и покупки товара — особенно за счёт калькулятора и упрощённого оформления заказа.

Системный подход

Я использовала системный подход к проектированию интерфейса и выстроила целостную структуру проекта: проработала состояния empty, loading, error и success, унифицировала ключевые компоненты (карточки, фильтры и формы), заложила масштабируемую логику каталога и основу для UI-kit с учетом будущего роста ассортимента и параметров.

Работа с командой

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

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

Результат

Промежуточные итоги в цифрах за 3 месяца.

−60%

ручной обработки заказов

+12–18%

к конверсии в покупку

+12%

доли клиентов без рекламы

в 2 раза

сокращен штат менеджеров

Пруфы

Другие мои проекты

Create a free website with Framer, the website builder loved by startups, designers and agencies.