The Bank Loans module helps you manage bank loans, including:
Use this module when you have:
If selecting “Promotional/Floating Rate”:
If selecting “Fixed Rate”:
Tap Next
Goal: Create a new loan to track a home loan, promotional interest rate, and monthly payment schedule.
Steps:
Result: Loan created successfully, 120-period payment schedule created automatically, notifications scheduled.
Wireframe - Step 1: Basic Information
┌─────────────────────────────────────────┐
│ < Add Loan │
├─────────────────────────────────────────┤
│ Loan Name * │
│ [Home Loan - Downtown Apartment] │
│ │
│ Bank * │
│ [Bank of America ▼] [+ Create New] │
│ │
│ Loan Amount * │
│ [$200,000] │
│ │
│ Disbursement Date * │
│ [04/01/2023] [📅] │
│ │
│ Loan Term (years) * │
│ [10] years │
│ Hint: App auto-calculates = 120 periods │
│ │
│ Notification Time 1 * │
│ [10:00] [🕐] │
│ │
│ Notification Time 2 * │
│ [19:00] [🕐] │
│ │
│ Interest Type * │
│ ● Declining Balance │
│ ○ Fixed Rate for Entire Term │
│ │
│ [NEXT] [CANCEL] │
└─────────────────────────────────────────┘
Goal: View overview of loans, filter by status, search, and view details of each loan.
Steps:
Result: List displays correctly by filter, loan details show full information and payment schedule.
Wireframe - Loan List
┌─────────────────────────────────────────┐
│ < Bank Loan Management │
├─────────────────────────────────────────┤
│ [Active] [Completed] │
│ │
│ ┌─────────────────────────────────────┐ │
│ │ Current Balance: $164,500 │ │
│ │ Total Original Loan: $200,000 │ │
│ │ Interest Paid: $1,720 │ │
│ │ Active: 1 loan │ │
│ └─────────────────────────────────────┘ │
│ │
│ [🔍 Search (loan name, bank)] │
│ │
│ ┌─────────────────────────────────────┐ │
│ │ [ICON] Bank of America [Active] │ │
│ │ Home Loan - Downtown Apartment │ │
│ │ Balance: $164,500 │ │
│ │ Original: $200,000 │ │
│ │ Progress: 8 / 120 periods │ │
│ │ End Date: 04/01/2033 │ │
│ └─────────────────────────────────────┘ │
│ │
│ [+] │
└─────────────────────────────────────────┘
Wireframe - Loan Details
┌─────────────────────────────────────────┐
│ < Loan Details │
├─────────────────────────────────────────┤
│ [ICON] Bank of America [Edit] │
│ Home Loan - Downtown Apartment │
│ [Active] │
│ │
│ Original Loan: $200,000 │
│ Current Balance: $164,500 │
│ Periods Paid: 8 / 120 │
│ Interest Paid: $1,720 │
│ Current Interest Rate: 9.0%/year │
│ │
│ [Update Interest] [Calculate Settlement]│
│ │
│ Payment Schedule │
│ [🔍 Search period (e.g., "5/2025")] │
│ │
│ Period 1 – 05/2023 [Paid] │
│ Total: $2.15k • Principal: $1k • Interest: $1.15k│
│ │
│ Period 9 – 01/2024 [Not Paid] │
│ Principal: $1,000 │
│ Interest: $1,150 │
│ Total: $2,150 │
│ Due Date: 01/15/2024 │
│ [Mark as Paid] │
│ │
│ Period 10 – 02/2024 [Not Due] │
│ Total: $2.15k • Principal: $1k • Interest: $1.15k│
└─────────────────────────────────────────┘
Goal: Mark a payment period as “Paid” after making payment to the bank.
Steps:
Result: Period 9 updated to “Paid”, balance decreases, paid periods increase, current balance decreases.
Wireframe - Mark as Paid Dialog
┌─────────────────────────────────────────┐
│ Mark as Paid │
├─────────────────────────────────────────┤
│ Period 9 – 01/2024 [Not Paid] │
│ │
│ Due Date (planned): 01/15/2024 │
│ Principal (fixed): $1,000 │
│ │
│ Actual Payment Date * │
│ [01/15/2024] [📅] │
│ │
│ Actual Interest Paid * │
│ [$1,150] │
│ Hint: Planned interest: $1,150 │
│ │
│ Total Actual Payment = │
│ $1,000 (Principal) │
│ + $1,150 (Actual Interest) │
│ ──────────────────────────────── │
│ = $2,150 │
│ │
│ Note (optional) │
│ [Paid $50 less, got interest reduction...]│
│ │
│ [CANCEL] [CONFIRM] │
└─────────────────────────────────────────┘
Goal: Update new interest rate when bank announces floating rate adjustment.
Steps:
Result: Current interest rate updated, unpaid periods from current period onwards updated with new interest rate.
Wireframe - Update Interest Rate Dialog
┌─────────────────────────────────────────┐
│ Update Current Interest Rate │
├─────────────────────────────────────────┤
│ [ICON] Bank of America │
│ Loan Name: Home Loan - Downtown Apartment│
│ Current Period: Period 9 – 01/2024 │
│ Status: [Active] │
│ Period: Floating (after promotional) │
│ │
│ Current Interest Rate (applying): │
│ [9.0] %/year (readonly) │
│ │
│ New Interest Rate (%/year) * │
│ [10.5] %/year │
│ │
│ Effective Date * │
│ [01/15/2024] [📅] │
│ │
│ Note (optional) │
│ [Bank adjusted interest rate...] │
│ │
│ • New interest rate will be applied to │
│ periods from Current Period onwards. │
│ • Previously paid periods are unchanged. │
│ │
│ [CANCEL] [SAVE] │
└─────────────────────────────────────────┘
Goal: Settle part of the loan early to reduce total interest payable and shorten loan term.
Steps:
Result: Balance decreases, payment schedule recalculated, number of periods decreases, end date earlier.
Wireframe - Step 1: Enter Prepayment Information
┌─────────────────────────────────────────┐
│ < Early Settlement │
├─────────────────────────────────────────┤
│ [ICON] Bank of America │
│ Loan Name: Home Loan - Downtown Apartment│
│ Current Balance: $200,000 │
│ Current Period: Period 9 – 01/2024 │
│ │
│ How do you want to settle? │
│ ● Partial Payment │
│ ○ Full Settlement │
│ │
│ Prepayment Date * │
│ [01/15/2024] [📅] │
│ │
│ Prepayment Amount * │
│ [$80,000] │
│ │
│ Penalty Rate Applied: 2.0% │
│ Penalty: $1,600 │
│ │
│ [NEXT] │
└─────────────────────────────────────────┘
Wireframe - Step 2: Compare Options
┌─────────────────────────────────────────┐
│ < Compare Options │
├─────────────────────────────────────────┤
│ OPTION A: No Prepayment │
│ ────────────────────────────────────────│
│ Total Interest Paid to Date: │
│ $52,000 │
│ Total Interest Remaining: $52,000 │
│ Periods Remaining: 112 periods │
│ End Date: 04/01/2033 │
│ │
│ OPTION B: Prepayment $80,000 │
│ ────────────────────────────────────────│
│ Early Payment Penalty: $1,600 │
│ Total Interest Paid to Date: │
│ $53,600 │
│ Total Interest Remaining: $22,000 │
│ Periods Remaining: 72 periods │
│ End Date: 04/01/2029 │
│ │
│ COMPARISON RESULT: │
│ • Interest Savings: $30,000 │
│ • Time Reduction: 40 periods (~3.5 years)│
│ │
│ [CONFIRM PREPAYMENT] │
└─────────────────────────────────────────┘
Goal: Edit basic information of loan (name, bank, note) after starting payments.
Steps:
Result: Basic information updated, other information unchanged.
Note: If loan has no payments made yet, can edit all information (amount, term, interest configuration).
notificationTime1, notificationTime2, default 10:00 and 19:00)