Moby

Личный концепт: доработка истории операций в мобильном банке, которым я пользуюсь сама, — не заказ банка и не редизайн

  • UX/UI
  • Мобильный банк
Три iPhone с приложением Moby на синем фоне: карточка операции, главный экран и фильтры истории
01

Додизайн истории операций в мобильном банке

Клиент
Личный проект, концепт
Инструменты
Figma

Заказчик

Заказчика нет: это личный концепт, а не заказ банка. Moby — мобильный банк, которым я пользуюсь сама, и задачу я поставила себе по собственному опыту.

Проект

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

Задачи

  • Аналитика расходов прямо в истории
  • Подробная карточка операции
  • Действия с платежом: повтор, чек, поддержка
  • Фильтры с результатом до закрытия панели
Три iPhone с обновлёнными экранами Moby: фильтры, история операций и аналитика расходов

Бизнес задачи

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

  • Закрыть все три вопроса внутри раздела
  • Не выбиться из существующей системы Moby
Макет экрана истории операций Moby: поиск, сводка расходов за июнь и список операций по дням
Макет карточки операции Moby: сумма, статус, детали платежа и кнопки «Скачать чек» и «Повторить платёж»

Дизайн-концепт

Все новые экраны собраны на существующей сетке и палитре Moby: тот же синий как акцент, та же тёмная подложка, те же иконки и радиусы.

Ни одного нового цвета и типа кнопки: экран, который выбивается из продукта, читается как чужой, и данным на нём перестают доверять.

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

Экран аналитики Moby крупным планом: расходы за месяц и круговая диаграмма по категориям
Экран фильтров Moby крупным планом: выбор счёта, статус операции и кнопка «Показать 13 операций»

Карточка операции

Точное время транзакции, статус, способ оплаты и номер операции. Ниже — «Повторить платёж», «Скачать чек» и «Сообщить о проблеме»: связь с поддержкой по конкретной операции.

Рука держит iPhone с карточкой операции Moby: дата и время, получатель, карта списания, категория

Детали разработки

Фильтры собраны по типу операции, категории, счёту или карте и статусу. Кнопка сразу показывает, сколько операций найдено, — человек видит результат до того, как закроет панель.

Работа осталась в макетах: это концепт, а не релиз. Замеров «до и после» здесь нет — их не может быть у функции, которая не вышла к пользователям.

Итог

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

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

Все работы →
Назад