Finapp.
Личные финансы
в общей картине.
Интерфейс сервиса для учёта денег и планирования накоплений. Обзор финансов, транзакции, бюджеты и цели — в настольных и мобильных макетах.
Финансовый сервис
как командная задача.
Контекст
В 2024 году в рамках проектной деятельности Московского политеха наша команда участвовала в разработке сервиса личных финансов. Инициатором проекта был студент магистратуры.
Моя роль
Я работала в студенческой команде как дизайнер. Здесь представлены интерфейсные решения командного проекта и подборка экранов из веб- и мобильного файлов Figma.
Задача интерфейса
Объединить финансовую сводку, учёт операций и планирование накоплений. Показать связь между деньгами, бюджетами и целями пользователя.
Границы работы
К завершению нашего участия весь дизайн не был закончен. Кейс показывает подготовленную часть макетов; запуск продукта и его показатели в результат проекта не включены.
Четыре взгляда
на личные финансы.
Каждый раздел отвечает на свой вопрос. Сводка даёт общую картину, операции раскрывают движение денег, а бюджеты и цели помогают увидеть назначение средств.
Что происходит с деньгами?
Ключевые суммы, структура капитала и последние операции.
Откуда и куда они движутся?
Суммы, даты и регулярность поступлений и расходов.
На что выделены средства?
Сумма, финансовый инструмент и связанная цель.
Сколько осталось накопить?
Нужная сумма, накопленное и визуальный прогресс.
- 01
На широком экране данные организованы в таблицы и сводные блоки. Боковая навигация сохраняет быстрый доступ к основным разделам.
- 02
В мобильных карточках бюджета и цели внимание сосредоточено на одном объекте: его названии, сумме и подробностях.
- 03
Зелёный знак FINAPP и светлая основа задают оформление веб-версии. В мобильном файле отдельные сущности выделены синим и фиолетовым.
От сводки
к деталям.
Шесть выбранных экранов из исходных файлов Figma, без редакторских панелей. В подборке сохранены оригинальные интерфейсы и демонстрационные данные.
Доходы, расходы и баланс собраны в верхней части экрана. Ниже — финансовые инструменты, цели, структура капитала и последние операции.
Таблица объединяет сумму, дату, периодичность и связанный бюджет. Действия добавления, редактирования и удаления вынесены рядом с данными.
Каждый бюджет связан с финансовым инструментом и целью. Табличное представление позволяет сопоставить назначения и суммы.
Список целей показывает нужную и накопленную суммы. Отдельная область справа визуализирует прогресс по каждой цели.
Отдельный экран бюджета: название, описание, финансовый инструмент и сумма. Дополнительные сведения собраны в нижней панели.
Крупная сумма показывает накопленное, подпись — целевой ориентир. В верхней панели доступны действия с целью.
Проработанная часть
большого продукта.
Настольные и мобильные макеты
В проекте подготовлены решения для обзора финансов, транзакций, бюджетов, целей и финансовых инструментов. Дизайн остался частично завершённым.
Для меня это опыт участия в командной работе над интерфейсом, где нужно связать несколько видов данных и показать их на разных размерах экрана.
Следующая итерация
Согласовать названия разделов и стили между версиями, проверить расчёты в демонстрационных данных и проработать поиск и фильтрацию операций. Эти пункты обозначают дальнейшую работу, а не уже внесённые изменения.