Клиенту (и будущим пользователям) была нужна современная и удобная финансовая панель, которая помогала бы управлять личными финансами не скучно, а наглядно и мотивирующе. Основная цель — создать интерфейс, который позволяет контролировать доходы, расходы, подписки, долги и накопления в одном месте.
Проблема стандартных финансовых приложений — перегруженность, сложность и отсутствие визуальной привлекательности. Нужно было сделать продукт, который будет одновременно функциональным, быстрым и эстетичным, чтобы пользователю хотелось возвращаться в него каждый день.
Задача состояла в создании панели с аналитикой, бюджетированием, отслеживанием подписок, кредитов и целей по накоплениям, а также с упором на UX и визуальное восприятие данных.
Я разработал финансовую панель Saibi-Bobo с нуля, вдохновляясь дизайном из Figma, но полностью реализовав собственный код и логику.
Основные шаги работы:
Спроектировал архитектуру приложения на Vue.js 3 с использованием Composition API.
Реализовал систему управления состоянием через Pinia и навигацию через Vue Router.
Создал адаптивный интерфейс с поддержкой мобильных устройств.
Реализовал:
дашборд с обзором баланса и транзакций,
поддержку нескольких валют (найра, доллар),
финансовую аналитику с графиками и отчетами,
систему категорий расходов,
управление подписками и напоминаниями,
учет займов и целей по накоплениям,
раздел с мотивационными финансовыми советами.
Настроил сборку проекта через Vite с горячей перезагрузкой и типобезопасностью через TypeScript.
Продумал UX: простая навигация, яркие цвета, визуальная иерархия данных, интуитивные сценарии использования.
Весь код — полностью моя реализация: собственные компоненты, бизнес-логика, управление данными и интерфейс.
В итоге получилась современная финансовая панель, которая:
Позволяет пользователю видеть свое финансовое состояние в реальном времени.
Упрощает контроль доходов, расходов, подписок и долгов.
Делает управление деньгами наглядным и мотивирующим.
Работает быстро, стабильно и адаптирована под любые устройства.
Проект можно использовать как основу для реального финтех-продукта, личного финансового трекера или коммерческого сервиса по управлению финансами.
Пожаловаться
