Мобильное приложение для управления личными финансами

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

Необходимо было объединить основные финансовые операции в одном приложении и сделать работу с ними максимально простой для пользователя без специальных знаний в области финансов.

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

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

Основные требования к проекту:

единое приложение для iOS и Android;

регистрация и авторизация пользователей;

учет доходов и расходов;

категории и фильтрация операций;

история транзакций;

месячные и недельные бюджеты;

графики и аналитика расходов;

push-уведомления;

синхронизация данных с backend;

обработка сетевых ошибок;

локальное хранение части данных;

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

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

Этап 1. Анализ требований и проектирование

На первом этапе вместе с клиентом определили основные пользовательские сценарии и состав MVP.

Выделили ключевые разделы приложения:

• главный финансовый экран;

• операции;

• категории;

• бюджеты;

• аналитика;

• профиль и настройки.

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

По итогам этапа сформировали структуру приложения, модель данных и требования к backend API.

Этап 2. UX/UI-дизайн

На основе пользовательских сценариев подготовили прототипы основных экранов.

Главной задачей дизайна было предоставить пользователю максимум полезной информации без перегрузки интерфейса.

Главный экран объединил:

• текущий баланс;

• доходы и расходы;

• динамику бюджета;

• категории расходов;

• последние операции.

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

После согласования структуры был сформирован UI Kit для дальнейшей разработки.

Этап 3. Архитектура мобильного приложения

Для реализации кроссплатформенного клиента использовали Flutter.

Проект разделили на независимые слои бизнес-логики, данных и пользовательского интерфейса.

Для управления состояниями использовали BLoC, для работы с REST API — Dio.

Отдельно реализовали централизованную обработку сетевых ошибок, состояние загрузки данных и работу с локальным кешем.

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

Этап 4. Реализация функционала

Последовательно реализовали основные функции приложения:

• регистрацию и авторизацию;

• получение финансовых данных пользователя;

• добавление и редактирование операций;

• категории;

• фильтрацию истории;

• бюджеты;

• статистику;

• графики;

• push-уведомления;

• профиль пользователя.

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

Этап 5. Интеграция с backend

Мобильный клиент интегрировали с API финансового сервиса.

Настроили работу с авторизационными токенами, обновление сессии, обработку ошибок API и синхронизацию данных.

Дополнительно добавили логирование критических ошибок для ускорения поиска проблем после выпуска приложения.

Этап 6. Тестирование

Перед релизом провели функциональное и регрессионное тестирование приложения на разных устройствах и версиях операционных систем.

Проверили:

• авторизацию;

• финансовые операции;

• расчет статистики;

• работу фильтров;

• восстановление после сетевых ошибок;

• корректность интерфейса на разных размерах экранов.

Для мониторинга стабильности подключили Firebase Crashlytics.

Этап 7. Подготовка к релизу

После завершения тестирования подготовили production-сборки приложения для iOS и Android.

Настроили параметры окружения, подписи приложений, аналитические события и конфигурации production API.

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

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

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

Приложение интегрировано с backend API, поддерживает авторизацию, синхронизацию данных, локальное хранение и push-уведомления.

За счет единой Flutter-кодовой базы удалось сократить объем дублирующей разработки для двух платформ и упростить дальнейшую поддержку продукта.

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