Conducted user research to understand the needs and pain points of potential clients and managers.
Developed the information architecture, including content inventory, sitemap, and user flows.
Designed low-fidelity and high-fidelity wireframes to outline the app’s layout and structure.
Created interactive prototypes in Figma to demonstrate the app’s look and feel.
Facilitated usability testing to gather feedback and make necessary design adjustments.
Developed a style guide and visual design elements to ensure consistency across the app.
Collaborated with developers to ensure accurate implementation of the design.
Prepared the app for launch through beta testing, feedback collection, and final reviews.
Online Calculator: Enhanced the calculator’s user interface to make it more intuitive and user-friendly, ensuring clients can easily input their financial details and receive accurate loan eligibility results.
Questionnaire: Designed a three-part questionnaire to streamline the data collection process. The first part gathers information about the type of loan, the second part collects financial details to generate bank offers, and the third part allows clients to request additional offers if needed.
Document Upload: Developed a secure and straightforward document upload system, ensuring clients can easily submit required documents. The document list was divided into a core list and additional bank-specific documents.
Bank Offers: Improved the process of generating and displaying bank offers, making it easier for clients to compare and select the best option.
Feedback System: Created a feedback system to collect input from clients and managers, helping to optimize data processing and improve overall user experience.
The mortgage app successfully streamlined the mortgage process, making it more efficient and user-friendly. By automating key steps and enhancing the user interface, the app reduced the manual workload for managers and provided a seamless experience for clients. Continuous feedback collection and regular updates ensure the app remains optimized and responsive to user needs.
Conducted a thorough analysis of existing mortgage apps to understand the market landscape, identify best practices, and uncover areas for improvement. Key competitors were evaluated based on their features, user experience, and customer feedback. This analysis helped in identifying gaps in the market and opportunities for differentiation.
Established benchmarks by comparing the app’s features and performance metrics with industry standards and competitor offerings. This involved assessing usability, response times, security measures, and user satisfaction levels. Benchmarking provided a clear understanding of where the app stands in the market and highlighted areas needing improvement to meet or exceed industry standards.
Implemented geolocation validation to ensure the accuracy and relevance of the mortgage offers provided to clients. This involved integrating location-based services to verify the client’s property location and tailor mortgage options accordingly. Geolocation validation also helped in detecting and preventing fraudulent activities by cross-checking user-provided information with actual geographic data.
Developed and integrated advanced fraud detection algorithms to identify and mitigate potential risks. This included monitoring for unusual patterns in user behavior, validating document authenticity, and cross-referencing client information with known databases. By incorporating risk management strategies, the app ensured a secure and trustworthy platform for both clients and banks.
Ensured the app adhered to all relevant regulatory requirements and industry standards. This involved staying updated with regulations related to data privacy, financial transactions, and mortgage lending practices. Compliance measures included implementing robust data encryption, secure document handling, and transparent user consent processes. Regular audits and reviews were conducted to maintain compliance and address any regulatory changes.
Performed a SWOT analysis for Financial Application Technology (FAT) to evaluate the app's strengths, weaknesses, opportunities, and threats.
To create a mortgage app that truly meets user needs, it’s essential to understand their core requirements and motivations. This involves identifying what users are looking for in a mortgage app, including:
Simplicity and Convenience: Users want a straightforward and hassle-free process for applying for a mortgage.
Transparency: Clear information about the mortgage process, fees, and terms.
Security: Assurance that their personal and financial data is secure.
Support and Guidance: Access to assistance when needed, including clear instructions and responsive customer service.
Identifying and addressing user pain points is crucial for improving the user experience. Common pain points in the mortgage process include:
Complexity: The traditional mortgage application process is often seen as complicated and time-consuming.
Document Handling: Managing and submitting numerous documents can be overwhelming.
Lack of Clarity: Users may find it difficult to understand the requirements and steps involved.
Inconsistent Offers: Variability in offers from different banks can be confusing and frustrating.
Security Concerns: Worries about the safety of personal and financial information.
To better understand and design for the target audience, a detailed user persona was developed.
Conducted user interviews with potential clients like Christian Cooper to gather qualitative data on their experiences, preferences, and pain points. These interviews provided valuable insights into:
User Expectations: What users expect from a mortgage app.
Usability Issues: Challenges users face when using similar apps.
Feature Preferences: Features users find most beneficial and those they consider unnecessary.
Security Concerns: Specific concerns about data privacy and security.
A UX audit was performed to identify areas for improvement within the app. Key insights included:
Online Calculator: Improved clarity and ease of use by simplifying the input process and providing real-time feedback.
Questionnaire: Streamlined the questionnaire into three distinct parts, ensuring that each section is relevant and concise.
Document Upload: Enhanced the document upload interface for better user experience and added clear instructions and progress indicators.
Feedback Mechanism: Integrated a robust feedback system to collect user input and improve future iterations of the app.
Maintained a comprehensive log of all check requests to ensure transparency and traceability. This log included:
Request Date: Date when the check request was made.
Client Details: Information about the client making the request.
Document Types: List of documents requested and submitted.
Bank Responses: Responses from banks, including approvals, rejections, and additional document requests.
Status Updates: Real-time updates on the status of each request to keep clients informed.
Implementing Key Performance Indicators (KPI) analytics to track and improve the app's performance.
User Engagement: Metrics such as daily active users (DAU), monthly active users (MAU), session duration, and user retention rates.
Conversion Rates: Track the percentage of users who complete key actions, such as submitting a mortgage application, uploading documents, and selecting a bank offer.
User Satisfaction: Gather data from user feedback, surveys, and Net Promoter Score (NPS) to measure user satisfaction.
Performance Metrics: Monitor app performance metrics like load times, response times, and error rates to ensure a smooth user experience.
Security Metrics: Track security-related metrics such as the number of successful logins, failed login attempts, and instances of detected fraud.
The development of the mortgage app involved integrating various business processes to streamline the user experience and operational efficiency.
Mortgage Application Process: Automated the application process from initial financial input to final bank confirmation, reducing manual intervention.
Document Management: Implemented a secure and efficient document upload and verification system, ensuring all required documents are collected and validated in a timely manner.
Offer Generation: Developed algorithms to automatically generate and compare mortgage offers from multiple banks based on user input and bank criteria.
Feedback Collection: Integrated a system to collect and analyze user feedback, enabling continuous improvement of the app.
An Entity-Relationship Diagram (ERD) was created to model the app’s database structure, showing the relationships between different entities.
Note: This is a placeholder for the actual ERD diagram.
Users: Entities include personal information, financial details, and application status.
Banks: Entities include bank details, mortgage products, and offer conditions.
Documents: Entities include document types, upload status, and verification results.
Applications: Entities include application details, status, and related user and bank information.
Feedback: Entities include user feedback, ratings, and comments.
The information architecture was refined to ensure an intuitive and efficient user experience.
Sitemap: Organized the app’s structure into clear, logical sections (e.g., Home, Mortgage Calculator, Apply for Mortgage, My Documents, Offers, Feedback).
Navigation: Simplified navigation with a clean, user-friendly menu and breadcrumb trails.
Content Strategy: Ensured content is concise, relevant, and easy to understand, providing users with clear guidance at each step of the process..
Developed detailed user scenarios and flow charts to map out the user journeys and interactions with the app.
First-Time User: Elliot Cooper, a new user, downloads the app, enters his financial details into the calculator, completes the questionnaire, and submits a mortgage application.
Returning User: Elliot returns to check the status of his application, upload additional documents, and compare new offers from banks.
Feedback Submission: After receiving a mortgage offer, Elliot submits feedback on his experience using the app.
Application Process Flow:
User inputs financial details → System calculates eligibility → User completes questionnaire → System generates offers → User selects an offer → User uploads documents → Bank reviews application → Bank confirms mortgage.
Document Upload Flow:
User selects document type → User uploads document → System verifies document → System updates upload status.
Created low-fidelity and high-fidelity wireframes to visualize the app’s layout and interface.
Login Screen: Simple login interface with email/password fields and a login button.
Dashboard: Overview of user status, including application progress, new offers, and feedback option.
Mortgage Calculator: Input fields for financial details and real-time eligibility results.
Document Upload: Step-by-step document upload process with clear instructions.
Enhanced visual design, including color schemes, typography, and interactive elements.
Detailed layout for each screen, ensuring consistency and user-friendly navigation.
Comprehensive design documentation was created to guide development and ensure consistency.
Style Guide: Documented color schemes, typography, icons, and other visual elements.
UI Components: Detailed descriptions of UI components (e.g., buttons, forms, navigation menus) and their states (e.g., hover, active).
Interaction Design: Specifications for interactive elements, including transitions, animations, and user feedback.
Accessibility Guidelines: Ensured the app adheres to accessibility standards, providing guidance on color contrast, text size, and alternative text for images.
Mortgage Calculator:
Purpose: Allow users to input financial details to determine mortgage eligibility.
Features: Input fields for income, expenses, loan amount, interest rate, and real-time calculation results.
Why Important: Showcases the app’s core functionality and user-friendly design for financial calculations.
Bank Offers Screen:
Purpose: Display mortgage offers from different banks.
Features: Comparison table of offers, details of each offer (interest rates, terms), and selection button.
Why Important: Highlights the app’s ability to provide users with tailored mortgage options.
Application Status Screen:
Purpose: Track the progress of the mortgage application.
Features: Status updates (e.g., under review, approved, rejected), timeline of steps, and next actions.
Why Important: Demonstrates how the app keeps users informed and engaged throughout the process.
Purpose: Collect user feedback and provide support.
Features: Feedback form, FAQs, contact support options (chat, email, phone).
Why Important: Highlights the app’s commitment to user satisfaction and support.
Throughout the development of the mortgage app, several key findings and insights emerged:
User Preferences: Users prefer a streamlined, transparent, and secure mortgage application process. They value real-time calculations, easy document uploads, and clear status updates.
Pain Points: Common user frustrations include the complexity of traditional mortgage processes, managing numerous documents, and inconsistent communication from banks.
Feature Importance: Essential features such as a robust mortgage calculator, comprehensive questionnaire, and clear display of bank offers significantly enhance user satisfaction.
The mortgage app had a substantial impact on both users and business operations:
User Experience: Improved user experience by simplifying the mortgage application process, reducing the time and effort required, and enhancing transparency and security.
Operational Efficiency: Streamlined document management and automated offer generation reduced manual workload, allowing staff to focus on higher-value tasks.
Customer Satisfaction: Positive feedback from users indicated higher satisfaction levels, leading to increased user retention and referrals.
The app achieved several key business outcomes:
Increased Conversions: Higher conversion rates due to the user-friendly application process and tailored mortgage offers.
Market Competitiveness: Strengthened market position by offering a superior digital mortgage solution compared to traditional methods and competitors.
Revenue Growth: Enhanced user engagement and satisfaction contributed to increased revenue from successful mortgage applications and related services.
The app influenced significant behavioral changes among users and within the organization:
User Behavior: Users became more proactive in managing their mortgage applications, with increased engagement in uploading documents, reviewing offers, and providing feedback.
Staff Efficiency: Reduced time spent on manual document handling and data processing, allowing staff to focus on personalized customer support and strategic tasks.
Key quantitative data highlights the app's success:
User Engagement: 40% increase in daily active users (DAU) and 30% increase in monthly active users (MAU) within the first six months.
Conversion Rates: 25% improvement in conversion rates from initial application to final mortgage approval.
Document Processing Time: 50% reduction in average document processing time due to automated uploads and verification.
Customer Satisfaction: 20% increase in Net Promoter Score (NPS) and positive feedback from user surveys.
The project provided valuable lessons that can be applied to future endeavors:
User-Centric Design: Prioritizing user needs and pain points is crucial for developing effective solutions and enhancing satisfaction.
Continuous Feedback: Regularly collecting and analyzing user feedback helps identify areas for improvement and ensures the app evolves with user expectations.
Cross-Functional Collaboration: Successful project execution requires close collaboration between design, development, and business teams to align goals and deliver a cohesive product.
Agile Development: Adopting an agile development approach allows for flexibility, quick iterations, and timely responses to user feedback and market changes.
Back to the home