Приложение для учёта личных финансов и планирования бюджета. Позволяет отслеживать доходы и расходы, собирать счета в одном месте, анализировать траты и строить финансовые цели.
Контекст
Запустить мобильный финансовый трекер для аудитории с международной активностью (предприниматели, экспаты, инвесторы).
Приложение должно закрывать сложные сценарии: учет в разных валютах, конвертация по актуальному курсу и гибкая настройка категорий под персональные и бизнес-задачи.
Мультивалютность: одновременный учет счетов и операций в разных валютах с конвертацией
настраиваемые категории, теги и возможность адаптации под бизнес/личные расходы
наглядные графики доходов и расходов с детализацией
полная история операций и возможность редактирования
функционал бюджетирования и постановки финансовых целей
конкурентный ресерч
проработка бизнес-требований и скоупа фичей совместно с аналитиком
UX-флоу и вайрфреймы
визуальная концепция
UI-Kit
дизайн макетов и сопровождение для разработки
презентация решений стейкхолдерам и проектирование новых фичей
Продукт был успешно спроектирован и запущен в App Store.
Discovery & Architecture
переработала исходные "хотелки" заказчика, отфильтровав их через призму реальных сценариев использования
изучила специфику мультивалютных транзакций и выявила критические нюансы (скрытые комиссии, кросс-курсы), которые часто упускаются в стандартных трекерах
разработала детальный Task Flow для всех сущностей
на основе флоу собрала полную структуру экранов (App Map), чтобы оценить объем разработки
превратила схемы в детальные wireflows для финальной валидации логики с заказчиками
Перед стартом UI я зафиксировала логику в детальном Task Flow. Главная задача этапа была определить набор обязательных полей для каждой сущности (транзакция, счет, категория) и связать их в единую систему.
На схеме проработаны все базовые действия пользователя: добавление операций и персонализация. Это позволило утвердить структуру данных с разработкой и убедиться, что ничего не упущено.
В процессе обсуждения схемы с командой мы выявили потенциально сложную фичу – автоматическое повторение операций. Оценив технические затраты на ее реализацию и возможные проблемы, мы приняли стратегическое решение отказаться от нее в первой версии, чтобы не затягивать релиз.
Так выглядят фрагметы flow
Полноценное флоу оказалось слишком большим...
После согласования логики я трансформировала список фич в наглядную Карту приложения. Этот артефакт стал ключевым инструментом синхронизации: заказчики впервые увидели реальный масштаб продукта в измеримых единицах (экраны/разделы), а не абстрактных задачах.
Я использовала карту на синках как "живой" документ для управления процессом:
Отмечала статус готовности разделов (дизайн/разработка).
Помогала приоритизировать, какие блоки брать в работу следующими.
Дала команде инженеров понимание общей архитектуры и навигации задолго до финальных макетов.
Так выглядит фрагмет App Map
Все карточки зеленые, потому что макеты и разработка были реализованы )
На базе карты я разработала детальный Wireflow, где продумала архитектуру UX-решений без отвлечения на визуальный стиль. Это позволило мне:
Сфокусироваться на сценариях использования: как именно пользователь будет взаимодействовать с системой (например, быстрое создание счета или сложная фильтрация операций).
Выявить универсальные паттерны: определить набор переиспользуемых компонентов (карточки, инпуты, модальные окна), которые будут работать сквозь все разделы приложения, обеспечивая консистентность и упрощая разработку дизайн-системы.
Этот этап стал финальной точкой валидации логики: я согласовала все пользовательские пути с заказчиками, убедившись, что функционал полностью соответствует бизнес-задачам, прежде чем приступать к UI.
Благодаря структурированному проектированию и глубокой аналитике на старте, в команде мы смогли выявить неочевидные нюансы мультивалютного учета еще до начала UI-дизайна. Это позволило сразу заложить в архитектуру критически важные решения:
Приоритет основной валюты (Base Currency): Ввела концепцию единой базовой валюты для пользователя. Это дало возможность строить корректную сквозную аналитику, автоматически конвертируя все траты по актуальному курсу.
Гибкое управление курсами: Спроектировала гибридную модель – приложение подтягивает банковский курс, но дает пользователю возможность указать свой (реальный) курс обмена для точного учета операций.
Сценарий "Перевод": Выделила переводы между своими счетами в отдельный детальный флоу с учетом комиссий. Это решило проблему исчезновения денег при конвертации и обеспечило прозрачность баланса.
Безопасность данных: Продумала логику архивации при удалении категорий, чтобы сохранить целостность финансовой истории даже при изменении структуры расходов пользователя.
Такой подход сэкономил ресурсы разработки, так как сложная бизнес-логика была утверждена и задокументирована заранее.
В условиях аутсорса часто принято сразу переходить к дизайну экранов ради "быстрого результата" для клиента.
Перед началом работы над этим проектом, из-за объема логики, я настояла на этапе предварительного проектирования. Этот подход на практике доказал свою эффективность:
Прозрачность для PM и заказчика: Структурированные схемы сняли хаос в коммуникации и позволили точно планировать спринты.
Минимизация переделок: Мы согласовали большую часть логики до макетов, избежав правок на этапе UI и верстки.
Результат: Успешный кейс убедил руководство и команду в ценности архитектурного этапа. Мой подход к проектированию сложных систем был принят как новый стандарт работы студии над крупными продуктами.
Визуальная концепция
Изначально я опиралась на популярный паттерн конкурентов: дать пользователю полный контроль над цветом. Заложила в дизайн концепцию максимальной свободы: чистый монохромный UI, где пользователь сам "раскрашивает" приложение, назначая цвета категориям и счетам на основе личных ассоциаций.
Логика: Визуальные ассоциации ускоряют считывание списка.
Тестирование на реальных сценариях вскрыло критическую проблему в ключевом разделе "Аналитика".
Пользователи часто выбирали одинаковые или близкие по тону цвета для разных категорий. В итоге круговые диаграммы и графики сливались в одно пятно, делая невозможным быстрый анализ структуры расходов. Свобода кастомизации вступила в конфликт с главной ценностью продукта.
Пример проблемы: пользовательские цвета делают график практически нечитаемым.
Мы приняли продуктовое решение ограничить ручной выбор ради чистоты данных. Я разработала строгую систему цветового кодирования:
Уникальная палитра: 30+ специально подобранных оттенка, которые гарантированно отличаются друг от друга даже при соседстве на графике.
Алгоритм выдачи: Цвета присваиваются новым категориям автоматически в определенном порядке, исключая повторы и "слепые зоны".
Dark Mode Support: Каждый из 24 цветов был отдельно откалиброван и протестирован для светлой и темной тем, чтобы сохранить контрастность и узнаваемость в любом режиме.
Ключевые решения
В финальном интерфейсе я сфокусировалась на сценариях, критически важных для пользователей со сложной структурой активов.
Стандартные трекеры часто теряют деньги при конвертации, так как используют усредненные банковские курсы. Для инвесторов и бизнесмэнов такая погрешность недопустима.
Решение: Спроектировала детальный флоу переводов и расходов. При выборе валют система автоматически подтягивает актуальный биржевой курс, но оставляет пользователю возможность указать фактический курс сделки. Так же можно учесть комиссию банка или сервиса, что позволяет точно списать расходы на транзакцию, не смешивая их с суммой перевода.
Ценность: Это позволяет сводить дебет с кредитом идеально точно, даже при сложных международных транзакциях (SWIFT, крипто-переводы), избегая фантомных потерь.
Для тех, кто управляет активами (сдает недвижимость, инвестирует в проекты), важно видеть не просто "потрачено", а как работают вложенные деньги в динамике –видеть тренды и понимать, как меняются накопления во времени.
Решение: Спроектировала комбинированную систему графиков, которая дает полную картину Cash Flow. Она наглядно показывает динамику накоплений, позволяя мгновенно оценить, растет капитал или "проедается", подсвечивает соотношение поступлений и трат в каждом месяце, помогая выявлять кассовые разрывы, а структурный анализ дает детальный разбор категорий внутри выбранного периода.
Ценность: Такая детализация превращает приложение из простой "записной книжки" в инструмент принятия решений: пользователь видит эффективность своих активов и может отделить личные расходы от вложений в проекты.
Результаты
Стабильный продукт и долгосрочное развитие.
Приложение успешно прошло релиз в App Store и Google Play, перейдя в стадию активной поддержки. Продукт живет на рынке уже более 3 лет, обрастая новым функционалом без потери качества.
Удержание аудитории через качество UX.
Благодаря глубокой проработке мультивалютных сценариев и аналитике, приложение стало незаменимым инструментом для ядра аудитории. Пользователи отмечают высокую точность расчетов, что напрямую влияет на Retention и продление подписок.
Масштабируемая архитектура.
Закладка гибкой дизайн-системы и продуманной логики позволила команде внедрять новые фичи без глобального рефакторинга. Продукт развивается без раздувания интерфейса и накопления критического UX-долга.
Влияние на процессы студии.
Мой подход к предварительному проектированию (Discovery & Architecture) доказал свою эффективность на практике. Он был принят командой как стандарт для работы над сложными проектами, минимизируя хаос и правки на этапе разработки.