logo
bondar.design
загружаемся так сказать

bondar.design/payment_system

Корпоративная платежная система
b2b
web app
UX
UI
Fintech
Некоторые детали этого проекта находятся под NDA. Система предназначена для бизнеса и позволяет подавать, просматривать, одобрять и отклонять корпоративные платежи. В ней предусмотрены три основные роли: Сотрудник, Лицо принимающее решения и Администратор.
Задачи по дизайну, которые я выполнил:
Определил основные типы пользователей: сотрудников и администраторов (финансовых директоров). Описал их цели и проблемные точки. Сформировал ключевые задачи, навигацию и логику доступа на основе ролей через структурированные пользовательские флоу и информационную архитектуру.
Создал low-fidelity вайрфреймы для исследования компоновки, взаимодействия и эффективности выполнения задач в дашбордах и финансовых процессах.
Далее подготовил high-fidelity адаптивные UI-дизайны для обеих ролей, обеспечив ясность, визуальную согласованность и доступность.
Организовал компоненты, состояния и флоу для разработки с использованием элементов существующей дизайн-системы и корректных спецификаций.
Внедрил обратную связь от стейкхолдеров и пользователей, чтобы доработать макеты, повысить удобство использования и решить сложные кейсы.
Корпоративная платежная система
B2B
WEB APP
UX
UI
FINTECH
Ilya Bondar, app, mobile, app, hunger.de, hunger, hunger, foodtech, food, restaurantsIlya Bondar, app, mobile, app, hunger.de, hunger, hunger, foodtech, food, restaurants
Что мне дал этот проект
Мне особенно понравилось работать над разделом управления правилами. Сложность и множество нюансов в этой части проекта по-настоящему разожгли мой интерес к созданию продуманных, ориентированных на пользователя решений, которые позволяют справляться со сложными задачами.

UX аналитика

Я вел полный цикл проектирования ключевых пользовательских потоков для двух критически важных ролей: сотрудников и администраторов (CFO). Основываясь на интервью со стейкхолдерами и анализе реального пользовательского поведения, я применил методологию design thinking для выявления болевых точек и согласования бизнес-целей с потребностями пользователей. На этой базе я разработал навигацию, рабочие процессы и интерфейс для каждой роли, обеспечив ясность, безопасность и эффективность взаимодействия во всем пользовательском опыте. В завершении я создал информационную схему с user flow и edge cases.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI

Запрашивающий

Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI

Лицо принимающее решения

Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI

Администратор

Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI

Дизайн-флоу для сотрудника, запрашивающего одобрение платежа

Простой пошаговый интерфейс для прикрепления или сканирования инвойса, ввода ключевых реквизитов и отправки на согласование, с наглядным предпросмотром и индикаторами статуса в реальном времени в мобильном приложении.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
Простой пошаговый интерфейс для прикрепления или сканирования инвойса, ввода ключевых реквизитов и отправки на согласование, с наглядным предпросмотром и индикаторами статуса в реальном времени в мобильном приложении.

Дизайн-флоу для лица принимающего решение

Простой пошаговый интерфейс для прикрепления счёта, внесения ключевых данных и отправки его на утверждение, с наглядным предпросмотром и индикаторами статуса в реальном времени, оптимизированный для desktop.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
Первым действием является прикрепление или сканирование счёта.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
Затем система проверяет данные.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
И счет теперь загружен и виден как в приложении работника, так и в приложении апрувера.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI

Флоу администратора

Флоу создания правил утверждения администраторами включает использование системы переменных и встроенной логической проверки, чтобы обеспечить корректность и надёжность всех сценариев».
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
Демонстрационный сценарий начинается с того, что в системе уже существуют и успешно прошли проверку несколько правил. Это позволяет показать работу интерфейса не в пустом состоянии, а в реальной среде с действующими конфигурациями
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
Создание нового правила с несколькими уровнями логики.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
Каждая переменная имеет свою собственную структуру.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
Здесь мы добавляем соединение «И» между условиями.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
И позднее добавляем “или”
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
На заключительном шаге мы выбираем человека, который должен утвердить наш запрос, и при необходимости добавляем дополнительные условия.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
Новое правило всегда создаётся в выключенном состоянии, чтобы избежать логических конфликтов с уже действующими.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
Ситуация, когда есть конфликты между включенными правилами.
Ключевые результаты
Я спроектировал полный UX/UI для корпоративной финансовой системы с учётом трёх ролей: сотрудника, апрувера и администратора. Обновлённые пользовательские потоки сократили время согласования более чем на 30% и повысили понятность, соответствие требованиям и координацию между командами. Кроме того, я подготовил подробную документацию для разработчиков, что обеспечило гладкое воплощение фич и масштабируемость.

Этот проект подошел к концу

Но впереди еще много интересного!