Finance Tech App

🧭 User Journey Overview:

The Smarta app demonstrates a fully fleshed-out end-to-end financial ecosystem, covering user onboarding, money transfers, budgeting, and financial goal management. It features a clear progression from account setup to actionable financial operations, targeting both new users and advanced digital finance users.

🌐 Core Modules & UX Features:

1. User Onboarding & Verification

Multi-step signup with phone number, email, DOB, and country verification.

PIN creation and OTP input ensure secure and familiar authentication.

Error validation, account recovery, and resend code options included.

2. Multi-Country & Multi-Language Support

Interface supports international user base with country selectors, phone formats, and language settings.

Custom regional formats improve global UX scalability.

3. Smart Transactions

Flows include bank transfers, e-wallet (OVO, DANA, PayPal), and 7-Eleven top-ups.

Visual confirmation screens display transaction ID, method, timestamps, and tax, building user trust.

4. Expense & Activity Monitoring

Categorized spending reports (shopping, food, transport, etc.)

Weekly/monthly graphs and individual transaction history.

Actionable labels like “Report Spending” and “Add Notes” enhance financial literacy.

5. Savings Goals & Plans

Intuitive plan creation with visuals for House, Travel, Car, Laptop, etc.

Tracks goals against balance with progress bars and due dates.

Ability to transfer, move, or top up to goals directly from the dashboard.

6. Profile & App Settings

Edit profile, change picture, PIN management, and connected apps like Google.

Security alerts, device authentication, and delete account flows are clearly outlined.

Dark/light mode toggle supports personalized display preferences.

🎨 Visual & Interaction Design:

Dark UI Theme: Prioritizes clarity and contrast, ideal for financial environments.

Neon Green Highlights: Guide attention to CTA buttons and financial metrics.

Highly Modular Layout: Reusable components like numpads, dropdowns, verification fields, and progress bars.

State-Driven Design: Includes empty, error, success, and loading states across all actions.

🧠 UX Strengths:

Highly intuitive: Smart input validation, feedback, and micro-flows.

End-to-end task resolution: From planning (budget/saving) to execution (send/top up).

Visual financial storytelling: Transaction logs, bar charts, and progress arcs.

Global-ready: Multilingual and cross-country input readiness.

🛠️ Tools Used:

Figma