Дикси
Редизайн промо-сценариев раздела «Акции» в мобильном приложении ритейл-сети.
Роль
UX/UI Designer
Период
Апрель — декабрь 2024
Сфера
E-commerce · B2C · Loyalty
Команда
Продакт-менеджер, аналитик, разработчики, дизайн-команда
О проекте
«Дикси» — одна из крупнейших российских ритейл-сетей с более чем 2500 магазинами.
Мобильное приложение — ключевая точка взаимодействия с покупателями: каталог, акции, персональные предложения, программа лояльности «Клуб друзей Дикси».
В 2024 году команда Friflex провела редизайн приложения: обновила визуальный стиль, структуру разделов и ключевые сценарии. Я работал в составе дизайн-команды над промо-механиками раздела «Акции» — одного из самых посещаемых разделов приложения после каталога.
Мобильное приложение — ключевая точка взаимодействия с покупателями: каталог, акции, персональные предложения, программа лояльности «Клуб друзей Дикси».
В 2024 году команда Friflex провела редизайн приложения: обновила визуальный стиль, структуру разделов и ключевые сценарии. Я работал в составе дизайн-команды над промо-механиками раздела «Акции» — одного из самых посещаемых разделов приложения после каталога.
Бизнес-задача
Упростить доступ к акциям, персональным предложениям и механикам лояльности, чтобы пользователь быстрее находил выгоду и совершал покупку.
Моя зона ответственности
UX/UI промо-сценариев раздела «Акции» в кроссплатформенном приложении на Flutter.
Я разбирал ТЗ, прорабатывал user flow, проектировал экраны, состояния и ограничения сценариев, а также готовил макеты к разработке.
В фокусе были:
Я разбирал ТЗ, прорабатывал user flow, проектировал экраны, состояния и ограничения сценариев, а также готовил макеты к разработке.
В фокусе были:
- Клуб друзей Дикси
- любимые категории
- любимые товары
- купоны
- наклейки Дикси
Процесс работы
Работу строил от входных требований к готовым сценариям: разбирал бизнес-логику, изучал похожие решения, собирал user flow и готовил состояния для разработки.
1
Разбор задачи
Изучал ТЗ, бизнес-логику и ограничения сценариев. Спорные моменты уточнял с аналитиком, продакт-менеджером и бизнесом.
2
Анализ конкурентов
Изучал ритейл и e-commerce-приложения: как устроены акции, купоны, любимые товары, категории и механики лояльности.
3
Проектирование сценариев
Собирал user flow и продумывал ключевые состояния: выбор, подтверждение, ограничения, ошибки и возврат в раздел «Акции».
4
UI и подготовка к разработке
Отрисовывал экраны, состояния и связи между ними. Готовил макеты и пояснения для передачи в разработку.
Анализ конкурентов
Я изучил, как в ритейл-приложениях устроены акции, купоны и механики лояльности: где пользователь видит выгоду, как выбирает предложение и что происходит после нажатия на промо-блок.
Пятерочка
Перекрёсток
Магнит
Лента
Самокат
Яндекс Лавка
Выводы из анализа
Выгода должна считываться сразу
Пользователь быстрее реагирует на предложение, когда скидка, срок действия и статус акции видны без перехода в детали.
Условия не должны перегружать экран
Длинные условия уводят внимание от действия. Краткое описание лучше показывать сразу, а детали — по тапу.
Выбор должен занимать минимум шагов
Для повторяющихся механик важно быстро довести пользователя до выбора: категории, товара или купона.
Понятный следующий шаг
После выбора, активации или ошибки пользователь должен понимать, что делать дальше.
Новый раздел «Акции»
Раздел «Акции» стал единой точкой входа для промо-механик: любимых категорий, любимых товаров, купонов, наклеек и акционных предложений.
Пользователь быстрее видит доступную выгоду и переходит к нужному сценарию.
Пользователь быстрее видит доступную выгоду и переходит к нужному сценарию.
Единая точка входа
Акции, купоны, наклейки и персональные предложения собраны в одном разделе.
Сценарии разделены по блокам
Любимые категории, товары, купоны и наклейки собраны в понятные блоки.
Выгода рядом с действием
Пользователь сразу видит скидку, срок действия и следующий шаг.
Сценарий 1: Клуб Друзей Дикси
В старой версии клубная программа была представлена списком разделов: статус, кэшбэк, скидки, купоны и наклейки находились рядом, но связь между ними считывалась не сразу.
В редизайне «Клуб друзей Дикси» стал отдельным экраном с понятной структурой: пользователь видит свой статус, кэшбэк, прогресс и быстрые переходы к связанным промо-механикам.
В редизайне «Клуб друзей Дикси» стал отдельным экраном с понятной структурой: пользователь видит свой статус, кэшбэк, прогресс и быстрые переходы к связанным промо-механикам.
Было
Программа лояльности выглядела как набор отдельных пунктов. Пользователю нужно было самому собирать контекст: какой у него статус, какая выгода доступна и что делать дальше.
Стало
Экран клуба собрал ключевую информацию в одну структуру: текущий статус, кэшбэк, прогресс до следующего уровня и переходы к связанным механикам.
Прогресс не в фокусе
Статус в верху экрана
Прогресс рядом со статусом
Баланс кэшбэка виден сразу
Действия на виду
Нет баланса кэшбэка
Длинный список действий
Сценарий 2: Любимые категории
Пользователь выбирает до 4 любимых категорий на месяц и получает кэшбэк на покупки внутри них. Важно было показать лимит выбора, срок действия и выгоду без лишнего погружения в условия.
Что изменилось в сценарии
Виден лимит выбора
Пользователь видит, что можно выбрать до 4 категорий, и понимает, сколько уже выбрано.
Выбор можно проверить
Перед подтверждением пользователь видит выбранные категории и может изменить решение.
Есть следующий шаг
После выбора пользователь переходит к товарам выбранных категорий и продолжает покупку.
Промо-механики и подготовка к разработке
Помимо основных сценариев, я прорабатывал купоны, любимые товары и электронные наклейки. Для этих механик были подготовлены состояния, ограничения, пояснения и flow для передачи в разработку.
Купоны
Пользователь видит доступные купоны, срок действия и статус: ожидает активации, активен или скоро сгорит
Любимые товары
Пользователь отслеживает выбранные товары, срок действия скидки и лимит замены.
Наклейки
Пользователь видит баланс наклеек, условия акции и может перейти к товарам или подарить наклейки.
Flow для разработки
Для сценариев были собраны связи между экранами, состояния, ограничения и пояснения, чтобы команда разработки корректно реализовала логику механик.
Итог проекта
В рамках своей зоны ответственности я помог структурировать промо-механики раздела «Акции» и проработал сценарии, в которых пользователь быстрее находит выгоду, понимает условия и переходит к нужному действию.
Раздел стал структурнее
Акции, купоны, наклейки, любимые категории и товары собраны в единую структуру раздела.
Сценарии стали понятнее
Для промо-механик были проработаны статусы, условия, ограничения, ошибочные состояния и следующий шаг пользователя.
Конверсия выросла
После редизайна аналитики Дикси зафиксировали рост конверсии приложения.
+32%
до
после
