01

Клиент

О'КЕЙ

02

Формат

UX/UI редизайн

03

Платформа

iOS / Android

04

Роль

Исследование, UX, UI

Задача

Обновить мобильное приложение О'КЕЙ, чтобы упростить главный экран, повысить заметность акций, сделать персональные рекомендации понятнее и усилить быстрый доступ к каталогу, доставке и ближайшим магазинам.

Фокус концепта — показать путь пользователя как короткую последовательность:

от выгодного предложения и персональной подсказки к покупке или построению маршрута.

Что изменили

Пять ключевых зон приложения получили новую структуру и визуальный приоритет.

Дизайн-система

Базовые токены, элементы и визуальный язык для дальнейшей детализации в Pixso.

Цвета

Primary Red

Green

Soft Green

Soft Gray

Ink

White

Типографика

Inter

Regular · Medium · Semi Bold · Bold

Заголовок кейса

Описание раздела и поясняющий текст

для страницы портфолио.

Кнопки

Основное действие

Вторичное действие

Третичное действие

Радиус 24–28 px, крупная зона клика,

контрастные состояния.

Компоненты

Ожидаемый эффект

Без выдуманных метрик: фиксируем продуктовые улучшения, которые должен проверить прототип.

↗

Быстрый доступ к акциям

Выгодные предложения и подборки всегда на виду — меньше кликов до экономии.

♥

Заметные персональные предложения

Рекомендации помогают найти нужные товары и вдохновляют на новые покупки.

⌖

Удобный путь к магазину

Карта и режим работы под рукой — проще спланировать покупку или самовывоз.

Как строится редизайн

Последовательно проходим путь от анализа текущего приложения до готового UI-kit и экранов для разработки. На каждом этапе фиксируем решения, чтобы редизайн был не просто визуальным обновлением, а улучшал реальные пользовательские сценарии.

01

Аудит текущего приложения

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

02

UX-прототип

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

03

Визуальная концепция

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

04

UI-kit и передача

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

Ключевые экраны

Собрали основные сценарии в единую витрину: главная, акции,

рекомендации, карточка товара и карта магазинов.

Главная

Акции

Рекомендации

Каталог

Кукуруза

Бондюэль

Хотите похожий редизайн?

Обсудим ваш проект и соберём страницу портфолио,

которая показывает не только красивые экраны,

но и продуктовую логику решения.

Обсудить проект →

Мобильное приложение · Редизайн

Редизайн

приложения

Делаем покупки продуктов проще, персональнее и удобнее каждый день — от первой акции на главнойдо ближайшего магазина на карте.

Обсудить проект

КАЖДЫЙ ДЕНЬ

С ВЫГОДОЙ!

-40%

Календарь скидок

-10%

хит

Кукуруза

Бондюэль

123,90 ₽

+

01

Главная

Чёткая структура, помощник и быстрые действия на старте.

02

Акции и подборки

Яркий календарь скидок и понятные промо-блоки.

03

Персонализация

Рекомендации и подборки на основе интересов.

04

Каталог

Удобные карточки товаров, цены и быстрый плюс.

05

Карта магазинов

Быстрый поиск ближайшего магазина.



Мобильное приложение · Редизайн

Редизайн

приложения

Делаем покупки продуктов проще, персональнее и удобнее каждый день — от первой акции на главнойдо ближайшего магазина на карте.

Обсудить проект

КАЖДЫЙ ДЕНЬ

С ВЫГОДОЙ!

-40%

Календарь скидок

-10%

хит

Кукуруза

Бондюэль

123,90 ₽

+

01

Клиент

О'КЕЙ

02

Формат

UX/UI редизайн

04

Роль

Исследование, UX, UI

03

Платформа

iOS / Android

Задача

Обновить мобильное приложение О'КЕЙ, чтобы упростить главный экран, повысить заметность акций, сделать персональные рекомендации понятнее и усилить быстрый доступ к каталогу, доставке и ближайшим магазинам.

Фокус концепта — показать путь пользователя как короткую последовательность:

от выгодного предложения и персональной подсказки к покупке или построению маршрута.

Что

изменили

Пять ключевых зон приложения получили новую структуру и визуальный приоритет.

01

Главная

Чёткая структура, помощник и быстрые действия на старте.

02

Акции и подборки

Яркий календарь скидок и понятные промо-блоки.

03

Персонализация

Рекомендации и подборки на основе интересов.

04

Каталог

Удобные карточки товаров, цены и быстрый плюс.

05

Карта магазинов

Быстрый поиск ближайшего магазина.

Дизайн-система

Базовые токены, элементы и визуальный язык для дальнейшей детализации в Pixso.

Цвета

Primary Red

Green

Soft Green

Soft Gray

Ink

White

Типографика

Inter

Regular · Medium · Semi Bold · Bold

Заголовок кейса

Описание раздела и поясняющий текст

для страницы портфолио.

Кнопки

Основное действие

Вторичное действие

Третичное действие

Радиус 24–28 px, крупная зона клика,

контрастные состояния.

Компоненты

Ожидаемый эффект

Без выдуманных метрик: фиксируем продуктовые улучшения, которые должен проверить прототип.

↗

Быстрый доступ к акциям

Выгодные предложения и подборки всегда на виду — меньше кликов до экономии.

♥

Заметные персональные предложения

Рекомендации помогают найти нужные товары и вдохновляют на новые покупки.

⌖

Удобный путь к магазину

Карта и режим работы под рукой — проще спланировать покупку или самовывоз.

Хотите похожий редизайн?

Спроектируем интерфейс и разработаем решение вокруг вашей бизнес-задачи.

Все проекты