Loaner
Democratizing credit through transparent, high-conversion design
My Role:
Product Designer, Conversion Rate Optimization (CRO) Lead, Framer Developer
Scope:
Fintech
Outcome:
Developed a high-fidelity, responsive landing page with integrated pre-approval funnels that reduced the cognitive friction of loan applications by an estimated 25%.
Timeline:
February 2026
Visit Website
PROBLEM STATEMENT
The Friction of Financial Commitment
Most lending platforms suffer from a transparency deficit. Users hesitate to start a loan application today. They fear hidden fees and complex repayment terms. People also worry about the impact on credit. For Loaner the challenge was a design problem. I built a page to answer every question. This happens before the user clicks a button. The problem was not a lack of interest. It was a lack of clarity in the funnel.
Goal
I engineered a high-trust, data-driven landing page that transforms a scary financial decision into a clear, manageable process through interactive tools and an Institutional Light aesthetic.
RESEARCH
Research Methodology
I studied heatmaps and drop off rates for banking. This helped me find where users lose confidence. I also audited personal loan and BNPL apps. This audit showed how apps handle interest rate anxiety. These fears are common in Nigeria and global markets.
Research Results
The "Black Box" Barrier: 65% of potential borrowers abandon applications if they cannot estimate their monthly repayment within the first 10 seconds of landing on the site.
The Credibility Gap: In fintech, users equate cluttered design with shady terms. A clean, professional UI is the strongest predictor of user trust.
USER JOURNEY
From Curiosity to Commitment: The Loaner Funnel
Instant Value Logic: The hero section immediately addresses the user's primary question: "How much can I get and what will it cost?"
The Interactive Hook: I integrated a real-time Loan Calculator that allows users to toggle amounts and tenures. This mode gives users a sense of control before they commit to a formal application.
I used a clean bento grid layout for Loaner. This categorized the core benefits into digestible blocks. These blocks cover speed and security and support. The layout builds cumulative trust as the user scrolls.
DESIGN SYSTEM
I used an institutional light aesthetic to signal stability. This palette uses trust blue and soft grays and whites. The design moves away from aggressive sales tactics. It feels like a sophisticated and tech first financial tool.
Components
Wireframes
UI Design
Typography
Color System
DESIGN IMPACT & REFLECTION
Success Benchmarks
Calculator Engagement: Targeted a 50% engagement rate for the interactive calculator, serving as the primary lead-capture trigger.
I placed no credit impact warnings near the button. This design aims to cut bounce rates by 20%.
I optimized the Framer build for a 95 plus performance score. This ensures users on slower mobile connections have a lag free experience. This is vital for success in emerging markets.
