Fintech Web & Mobile App UX Design
Budget: ₹1,500 – ₹12,500 INR
Project Details:
1: Login Page
This page allows users to access the system for any of the services (AEPS, DMT, or BBPS).
Fields:
Username/Email: Text field for the user’s login ID.
Password: Secure text field for the user’s password.
Remember Me: Checkbox to save login credentials (optional).
Forgot Password: Link to reset the password.
Sign In Button: Button to submit login details.
2: AEPS Transaction Page
This page is where users input details for AEPS transactions (e.g., withdrawal, deposit,Mini Statements,Balance query).
Fields:
Aadhaar Number: Text field for the user’s Aadhaar number.
Bank Name: Dropdown list of supported banks.
Transaction Type: options: Withdrawal, Deposit, Balance Inquiry, Mini Statements , Fund Transfer.
Amount: Text field for the transaction amount (disabled for Balance Inquiry).
Biometric Authentication: Button to initiate fingerprint scan.
Submit Button: Button to proceed with the transaction.
3: DMT Transaction Page
This page is for initiating a domestic money transfer.
Fields:
Sender’s Name: Text field for the sender’s name.
Sender’s Phone Number: Text field for the sender’s contact number.
Receiver’s Bank Account Number: Text field for the recipient’s account.
Receiver’s Bank Name: Dropdown list of banks.
IFSC Code: Text field for the bank’s IFSC code.
Amount: Text field for the transfer amount.
Remarks: Text area for optional notes.
Submit Button: Button to proceed with the transfer.
4. DMT Confirmation Page
This page confirms the DMT transaction details.
Fields:
Sender’s Name: Displayed from the transaction page.
Sender’s Phone Number: Displayed from the transaction page.
Receiver’s Account Number: Displayed from the transaction page.
Receiver’s Bank Name: Displayed from the transaction page.
IFSC Code: Displayed from the transaction page.
Amount: Displayed from the transaction page.
Remarks: Displayed from the transaction page.
Confirm Button: Button to finalize the transfer.
Cancel Button: Button to abort the transfer.
5: BBPS Bill Payment Page
This page is for paying utility bills via BBPS.(You can follow phonPe,Amazon Pay to understand all the services and fields requires for each biller)
Fields:
Biller Category: Dropdown (options: Electricity, Water, Gas, Telecom, DTH,etc all service).
Biller Name: Dropdown (dependent on category, e.g., specific electricity providers).
Consumer Number: Text field for the bill’s consumer ID.
Bill Amount: Text field (auto-filled if fetchable, otherwise manual entry).
Payment Mode: Dropdown (options: Wallet, Bank Account, etc.).
Pay Now Button: Button to initiate payment.
6: Receipt (Printable / Downloadable)
We need a Receipt with mentioning all details for the paid bill and in the bill there will be two logos 1: company logo and 2: BBPS logo
7:One Report Page
Required Skills
Proficiency in Figma/Sketch/Adobe XD.
Experience in fintech UX (Aadhaar-based services, BBPS bill payments).
Mobile responsiveness.
Deliverables
High-fidelity mockups for all screens For Web & Mobile App.
Prototype with user journey simulations.
Style guide (typography, colors, component library).
1: Login Page
This page allows users to access the system for any of the services (AEPS, DMT, or BBPS).
Fields:
Username/Email: Text field for the user’s login ID.
Password: Secure text field for the user’s password.
Remember Me: Checkbox to save login credentials (optional).
Forgot Password: Link to reset the password.
Sign In Button: Button to submit login details.
2: AEPS Transaction Page
This page is where users input details for AEPS transactions (e.g., withdrawal, deposit,Mini Statements,Balance query).
Fields:
Aadhaar Number: Text field for the user’s Aadhaar number.
Bank Name: Dropdown list of supported banks.
Transaction Type: options: Withdrawal, Deposit, Balance Inquiry, Mini Statements , Fund Transfer.
Amount: Text field for the transaction amount (disabled for Balance Inquiry).
Biometric Authentication: Button to initiate fingerprint scan.
Submit Button: Button to proceed with the transaction.
3: DMT Transaction Page
This page is for initiating a domestic money transfer.
Fields:
Sender’s Name: Text field for the sender’s name.
Sender’s Phone Number: Text field for the sender’s contact number.
Receiver’s Bank Account Number: Text field for the recipient’s account.
Receiver’s Bank Name: Dropdown list of banks.
IFSC Code: Text field for the bank’s IFSC code.
Amount: Text field for the transfer amount.
Remarks: Text area for optional notes.
Submit Button: Button to proceed with the transfer.
4. DMT Confirmation Page
This page confirms the DMT transaction details.
Fields:
Sender’s Name: Displayed from the transaction page.
Sender’s Phone Number: Displayed from the transaction page.
Receiver’s Account Number: Displayed from the transaction page.
Receiver’s Bank Name: Displayed from the transaction page.
IFSC Code: Displayed from the transaction page.
Amount: Displayed from the transaction page.
Remarks: Displayed from the transaction page.
Confirm Button: Button to finalize the transfer.
Cancel Button: Button to abort the transfer.
5: BBPS Bill Payment Page
This page is for paying utility bills via BBPS.(You can follow phonPe,Amazon Pay to understand all the services and fields requires for each biller)
Fields:
Biller Category: Dropdown (options: Electricity, Water, Gas, Telecom, DTH,etc all service).
Biller Name: Dropdown (dependent on category, e.g., specific electricity providers).
Consumer Number: Text field for the bill’s consumer ID.
Bill Amount: Text field (auto-filled if fetchable, otherwise manual entry).
Payment Mode: Dropdown (options: Wallet, Bank Account, etc.).
Pay Now Button: Button to initiate payment.
6: Receipt (Printable / Downloadable)
We need a Receipt with mentioning all details for the paid bill and in the bill there will be two logos 1: company logo and 2: BBPS logo
7:One Report Page
Required Skills
Proficiency in Figma/Sketch/Adobe XD.
Experience in fintech UX (Aadhaar-based services, BBPS bill payments).
Mobile responsiveness.
Deliverables
High-fidelity mockups for all screens For Web & Mobile App.
Prototype with user journey simulations.
Style guide (typography, colors, component library).