Личные финансы
Мобильное приложение для контроля личных финансов
Баланс, категории расходов, лимиты и история операций — от общей финансовой картины к подробной аналитике.
Идея проекта
Собрать в одном мобильном приложении обзор финансов, контроль расходов и доступ к истории операций. Главная показывает текущую ситуацию, а подробная аналитика раскрывает структуру и динамику расходов.
Это личный проект для развития навыков интерфейсного дизайна.
Моя роль и задачи
- Разработала собственную дизайн-систему, UI-kit и компонентную структуру.
- Проработала состояния компонентов и Auto Layout.
- Выстроила иерархию баланса, категорий расходов и лимитов на главной.
- Спроектировала графики расходов, доходов и накоплений.
- Оформила историю операций с группировкой по датам.
Первое знакомство
Приветственный экран объясняет назначение приложения и предлагает два пути: войти в аккаунт или зарегистрироваться. Для новых пользователей предусмотрен онбординг, который знакомит с приложением.
Главная: финансовая картина
Баланс стоит первым в иерархии. Карточки категорий, краткая аналитика, дневной и месячный лимиты помогают оценить расходы. Последние операции и ссылки «View all» дают переход к деталям.
Подробная аналитика
Доходы и расходы сгруппированы в отдельные блоки. Столбчатый график показывает динамику, кольцевая диаграмма — категории, а накопления и текстовые выводы дополняют обзор. Предусмотрен выбор периода: неделя, месяц или год.
Операции и финансовые цели
Компонентная система
Собственная дизайн-система и UI-kit объединяют повторяющиеся элементы интерфейса. Компоненты, их состояния и Auto Layout помогают сохранять единый визуальный язык и собирать экраны из повторно используемых элементов.