Project Info
Product Overview
Challenge
Complex Loan Application Process
The previous mortgage platform overwhelmed users with lengthy forms and confusing terminology, causing 45% of applicants to abandon the process before completion.
Inadequate Loan Comparison Tools
Users struggled to compare different mortgage options side-by-side, making informed decision-making nearly impossible.
Lack of Transparency in Pricing
Borrowers couldn't easily understand interest rates, fees, and loan terms, leading to mistrust and reduced conversion rates.
Overwhelming Information Architecture
Critical loan information was buried in dense text blocks, preventing users from quickly finding essential details.
Poor Mobile Experience
The platform wasn't optimized for mobile users, despite 43.5% of banking operations occurring on mobile devices.
Solutions
Streamlined Application Journey
Redesigned the mortgage application into a 4-step guided process with progress indicators, smart form validation, and contextual help tooltips that reduced completion time by 60%.
Transparent Pricing Dashboard
Implemented a comprehensive pricing breakdown showing interest rates, closing costs, PMI requirements, and total loan costs upfront, building trust and reducing surprises.
Interactive Loan Calculator & Comparison Tool
Developed an intuitive comparison interface allowing users to adjust loan terms in real-time, visualize monthly payments, and understand total interest costs through interactive charts and graphs.
AI-Powered Pre-Qualification
Integrated smart pre-qualification that provides instant estimates based on minimal user input, allowing borrowers to understand their options before committing to a full application.
Mobile-First Responsive Design
Created a fully optimized mobile experience with touch-friendly inputs, swipe navigation, and one-handed operation, ensuring seamless functionality across all devices.
Dedicated Investment Property Portal
Built specialized workflows for real estate investors, including portfolio management tools, bulk applications, and investment-specific loan products.
User Persona
Color & Fonts
Urbanist
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Components
Grid system
Before After
Before
After
Results & Impact
Accessibility considerations
- User-Friendly Copy
- Color Contrast
- Zoomed-In Interface
- Language Selection
- Keyboard Navigation
- Consistent Layout
- Screen Reader Compatibility
- Alternative Text