Онлайн-магазин крупной продуктовой сети работал на страницах, которые не обновлялись с момента запуска. Корневой каталог показывал 3 категории в ряд без навигационного меню. Карточки товаров не учитывали реального разнообразия ассортимента. Чекаут не покрывал реальных сценариев.
Продуктовый ритейл — высококонкурентная среда. Пользователь легко уходит к конкуренту если что-то пошло не так. Цена UX-ошибки здесь выше чем в любом другом e-commerce. Все решения — от конкурентного анализа до финальных экранов — принимал один.
Прошёл полный путь покупки у ключевых игроков рынка — как обычный покупатель. Фиксировал удобные паттерны, нестандартные фичи, моменты где сам спотыкался. Из этого сложился список идей с приоритетами.
Начал с серых фреймов: расставил блоки, обозначил иерархию, проверил логику шагов — до того как перешёл к цвету и деталям. Это позволило выявить edge cases на этапе когда их ещё легко исправить.
Чекаут
Все группы состояний спроектированы и задокументированы — разработчик видит не один «красивый» экран, а полный набор реальных ситуаций.
Каталог
Корневой каталог получил левое навигационное меню и увеличенную сетку: с 3 до 6 категорий в ряд. Пользователь видит весь ассортимент без скролла и может перейти в нужный раздел через меню или через плитку категории.
Карточки товаров
Продуктовый ритейл — не однородный ассортимент. Каждый тип товара требует своей логики отображения. Спроектированы три типа карточки и полный набор их состояний, а также набор из 7 иконок спецпометок.
Страница товара
Полное переосмысление под современные стандарты: крупные фото, понятная иерархия информации, чёткий CTA. Спроектирована в двух вариантах — десктоп и мобильная адаптивная версия.
Клиент принял редизайн каталога, карточек и чекаута без единой правки — весь объём решений (три типа карточки товара, полный набор состояний чекаута, навигация по каталогу) прошёл сразу.