ТД Лазурит, 2021-2022
Мебельный e-com: А/Б тесты, допродажи и редизайн карточки на 300+ вариаций товара
Крупный мебельный интернет-магазин с кастомизацией заказываемой мебели
и доставкой в разные регионы России.
и доставкой в разные регионы России.
Проблема
Дизайн в компании существовал на аутсорсе: без структуры, стандартов и единого пространства макетов. Компания хотела унифицировать макеты и перейти к инхаус-дизайну. Также важно было повысить качество UX и начать принимать решения на основе аналитики.
Цели проекта
- Создать системную дизайн-практику в компании.
- Повысить конверсии в покупку и удобство взаимодействия.
- Обновить визуальный язык сайта.
Роль
Middle продуктовый дизайнер (позже в команде появился арт-директор и джуниор-дизайнер).
Отвечала за web-направление
(4 продуктовые команды) и мобильное приложение
(1 команда).
Отвечала за web-направление
(4 продуктовые команды) и мобильное приложение
(1 команда).
Результаты
- Создана структура фигмы, настроен базовый дизайн-процесс.
- Обновлен единый UI на сайте, задачи проходят А/Б-тесты, анализируются метрики.
- Подготовлена база для редизайна, но он заморожен по решению бизнеса.
Действия
Организация процессов
- Запустила процесс продуктового дизайна с нуля: спринты, постановку задач и их приёмку.
- Провела аудит интерфейсов, систематизировала макеты и выстроила структуру корпоративной Figma.
- Создала шаблон брифа для менеджеров, чтобы унифицировать постановку задач.
Исследования и выявление проблем
- Анализировала тепловые карты и сценарии использования страниц.
- Изучала решения в e-commerce и конкурентные паттерны (15 прямых конкурентов).
- Провела серию коридорных тестов и A/B-экспериментов.
Дизайн
- Создала основу дизайн-системы и UI-библиотеку.
- Работала над планомерным улучшением метрик на сценариях текущего сайта.
- Сопровождала внедрение редизайна в продакшн до момента его остановки.
Ключевые направления
Редизайн карточки товара
Цель
Повысить вовлечённость и конверсию на странице товара
Повысить вовлечённость и конверсию на странице товара
Исследования
Провела аудит старой карточки, анализ метрик и тепловых карт и учла интервью с клиентами, проведенные менеджером. Выявила: пользователи не видят CTA, теряют контекст и не понимают, как кастомизировать товар. Также провела фич-анализ прямых конкурентов.
Провела аудит старой карточки, анализ метрик и тепловых карт и учла интервью с клиентами, проведенные менеджером. Выявила: пользователи не видят CTA, теряют контекст и не понимают, как кастомизировать товар. Также провела фич-анализ прямых конкурентов.
Действия
Создала wireframes и high-fidelity-прототипы.
Оптимизировала визуальную иерархию, усилила CTA, повысила удобство кастомизации.
Добавила блоки с дополнительными товарами для допродаж.
Через данную страницу подготовила основу для новой дизайн-системы.
Создала wireframes и high-fidelity-прототипы.
Оптимизировала визуальную иерархию, усилила CTA, повысила удобство кастомизации.
Добавила блоки с дополнительными товарами для допродаж.
Через данную страницу подготовила основу для новой дизайн-системы.
Результаты
Конверсия выросла на 20% благодаря улучшению CTA. Благодаря допродажам также вырос средний чек. Кастомизацию дивана по форме и цвету стала чаще использоваться. Редизайн стал первым реализованным элементом нового визуального стиля.
Конверсия выросла на 20% благодаря улучшению CTA. Благодаря допродажам также вырос средний чек. Кастомизацию дивана по форме и цвету стала чаще использоваться. Редизайн стал первым реализованным элементом нового визуального стиля.
Габариты диванов
Цель
Повысить конверсию в добавление товаров в корзину с листинга товаров
Повысить конверсию в добавление товаров в корзину с листинга товаров
Зоны работы и исследования
A/B тестирование, подготовка макетов (гипотезу о важности габаритов подтвердило внешнее UX-исследование)
A/B тестирование, подготовка макетов (гипотезу о важности габаритов подтвердило внешнее UX-исследование)
Действия
Добавила габариты диванов и спального места в карточки на листинге
Добавила габариты диванов и спального места в карточки на листинге
Результаты
+50% конверсии на мобильных устройствах, без падения показателей на десктопе. Подтвердила гипотезу, что пользователи принимают решения быстрее, когда получают практичную информацию сразу на листинге.
+50% конверсии на мобильных устройствах, без падения показателей на десктопе. Подтвердила гипотезу, что пользователи принимают решения быстрее, когда получают практичную информацию сразу на листинге.
Оптимизация страницы
ликвидации и акций
ликвидации и акций
Цель
Повысить вовлечённость пользователей и CTR карточек товаров.
Повысить вовлечённость пользователей и CTR карточек товаров.
Зоны работы и исследования
Анализ тепловых карт, конкурентный анализ, подготовка макетов. Определила причины низкого взаимодействия (баннерная перегрузка, неочевидные карточки).
Анализ тепловых карт, конкурентный анализ, подготовка макетов. Определила причины низкого взаимодействия (баннерная перегрузка, неочевидные карточки).
Действия
Перестроила структуру страницы, сделав фокус на товарах, отдельный листинг, фильтрацию и один компактный баннер об акции.
Перестроила структуру страницы, сделав фокус на товарах, отдельный листинг, фильтрацию и один компактный баннер об акции.
Результаты
Вовлечённость выросла, пользователи начали взаимодействовать с карточками; тепловые карты показали рост активности. Решение подтвердило гипотезу, что фокус на продукте работает лучше, чем агрессивный промо-шум.
Вовлечённость выросла, пользователи начали взаимодействовать с карточками; тепловые карты показали рост активности. Решение подтвердило гипотезу, что фокус на продукте работает лучше, чем агрессивный промо-шум.
Несостоявшийся редизайн листинга, блога и чек-аута
Цель
Создать современный пользовательский опыт на ключевых страницах сайта и увеличить конверсию в оформление заказа и взаимодействие с контентом.
Создать современный пользовательский опыт на ключевых страницах сайта и увеличить конверсию в оформление заказа и взаимодействие с контентом.
Исследования
Анализ болей пользователей при оформлении заказа (неточные данные доставки, сложная навигация, потеря контекста). Конкурентный анализ UX-паттернов листингов и блогов в e-commerce. Оценка текущих метрик взаимодействия и сценариев ухода со страницы. Полевые UX-интервью с пользователями, которые предпочли офлайн магазин онлайну.
Анализ болей пользователей при оформлении заказа (неточные данные доставки, сложная навигация, потеря контекста). Конкурентный анализ UX-паттернов листингов и блогов в e-commerce. Оценка текущих метрик взаимодействия и сценариев ухода со страницы. Полевые UX-интервью с пользователями, которые предпочли офлайн магазин онлайну.
Действия
Разработала пошаговый чек-аут с визуализацией прогресса и минимумом полей, прозрачными условиями доставки и оплаты.
Спроектировала сайдбар-корзину для сокращения пути к оплате.
Создала концепт блога с интеграцией товарных карточек и динамической подачей контента.
Разработала пошаговый чек-аут с визуализацией прогресса и минимумом полей, прозрачными условиями доставки и оплаты.
Спроектировала сайдбар-корзину для сокращения пути к оплате.
Создала концепт блога с интеграцией товарных карточек и динамической подачей контента.
Результаты
Концепты показали потенциал роста конверсии и глубины взаимодействия с контентом. Тестирование чек-аута выявило, что избыточное количество шагов и полей снижает скорость оформления и увеличивает долю брошенных корзин. Упрощённый сценарий, а также редизайн блога и листинга получили положительные отзывы, но их внедрение было заморожено из-за смены приоритетов бизнеса.
Концепты показали потенциал роста конверсии и глубины взаимодействия с контентом. Тестирование чек-аута выявило, что избыточное количество шагов и полей снижает скорость оформления и увеличивает долю брошенных корзин. Упрощённый сценарий, а также редизайн блога и листинга получили положительные отзывы, но их внедрение было заморожено из-за смены приоритетов бизнеса.
Что это дало
Для покупателей
Улучшение пользовательского опыта сайта и более простые пути к покупке товаров.
Улучшение пользовательского опыта сайта и более простые пути к покупке товаров.
Для бизнеса
Рост конверсии и первые UX-эксперименты, доказавшие ценность дизайна в цифрах. Выстроенные внутренние дизайн-процессы.
Рост конверсии и первые UX-эксперименты, доказавшие ценность дизайна в цифрах. Выстроенные внутренние дизайн-процессы.
Для команды
Основу системного подхода к созданию дизайна.
Основу системного подхода к созданию дизайна.
Рефлексия
Проект в Лазурите стал моим полем для роста в продуктовом дизайне: здесь решения напрямую влияли на деньги бизнеса и это замерялось аналитикой. Это научило смотреть на дизайн как на совокупность гипотез. Я увидела, как даже маленькое изменение (например, габариты в листинге) может дать значительный эффект.
Этот проект также показал мне важность сотрудничества и изучения ожиданий всех стейкхолдеров, чтобы свериться с компасом развития бизнеса. Возможно, при более грамотной работе с ожиданями от дизайна и более четком выделении стейкхолдеров мне удалось бы больше сфокусироваться не на редизайне, а на планомерном улучшении текущего опыта сайта и результаты были бы более значительными.
Этот проект также показал мне важность сотрудничества и изучения ожиданий всех стейкхолдеров, чтобы свериться с компасом развития бизнеса. Возможно, при более грамотной работе с ожиданями от дизайна и более четком выделении стейкхолдеров мне удалось бы больше сфокусироваться не на редизайне, а на планомерном улучшении текущего опыта сайта и результаты были бы более значительными.
