Santiago's Mortgage · 2026

SANTIAGO'S MORTGAGE

Designing a bilingual conversion site for a direct mortgage lender serving Latino families across the US.

UX Design
Lovable
Conversion Strategy
Bilingual
Mortgage / Fintech
3 weeks
Santiago's Mortgage hero section, bilingual conversion site
1 page

4 funnels

5

design decisions

3 wks

brief to delivery

Overview

The challenge wasn't aesthetics, it was trust. Santiago's Mortgage is a direct mortgage lender with 20+ years in market, $89B+ in closed loans and 310+ Latino families served in 2025 alone. Most visitors arrive after being told "no" by traditional banks.

The site needed to lead with empathy and operate as a full system for both the customer and the internal team: from first visit, to pre-approval, to document handoff, to admin review.

Visit live site

The Core Design Question

Strategic anchor

How do you turn "the bank said no" into "I want to talk to you", without ever meeting in person?

Research

Competitor Benchmark

I benchmarked 8 mortgage lender sites serving Latino audiences across the US. Most followed the same shortcuts. Each pattern became a deliberate decision: adopt, reject, or invert.

Pattern IdentifiedFrequencyMy Decision
Long-form home page with stacked loan products7 of 8Rejected. Segmented with tabs (Buyers/Investors).
Calculators that hide PMI, HOA, taxes, insurance6 of 8Rejected. Built honest calculator with all 8 inputs.
Pre-approval forms asking name first8 of 8Inverted. Financial data first, personal data second.
Generic stock photography of "happy families"5 of 8Rejected. Real photo of Santiago + real metrics.
No system for document handoff post-submission8 of 8Adopted as gap. Built upload portal + admin panel.
English content "translated to Spanish"6 of 8Inverted. Wrote Spanish-first, then English equivalent.

The Process

From Research to Structure

01
Hero + promise · State the transformation: 24-hour pre-approval, no credit impact, free consultation.
02
Your path to approval · Demystify the process: diagnose, roadmap, support.
03
Loan products · Auto-segment with tabs (Buyers/Investors).
04
Comparison table · Answer "which one is mine?" in 30 seconds.
05
Honest calculator · Show the REAL monthly payment.
06
Pre-approval flow · 2 steps. Financial data first.
07
Document portal · Customer-facing upload with checklist by employment type.
08
Admin panel · Internal tool: search clients, batch download.
09
Bilingual layer · ES/EN toggle. Spanish-first.
Your path to approval section
Your path to approval
Loan products with Buyers / Investors tabs
Loan products, segmented
Comparison table for loan products
Comparison table, 30-second decision

Key Design Decisions

Decision 01

Financial data first, not last.

Pre-approval Flow

Every competitor asked for name and email before financial data. I inverted the sequence: credit score, income, and debt-to-income ratio come first. The result: only qualified leads reach the contact stage, and Santiago's team spends time on prospects who can actually close.

Decision 02

Auto-segment with tabs, not cards.

Information Architecture

Benchmarked sites dumped all 5+ loan products into a card grid and forced users to read everything. I grouped products by intent: Home Buyers and Real Estate Investors. One click filters the entire page, including the comparison table. Decision time dropped from scanning 5 cards to one tab switch.

Decision 03

Honest calculator as positioning.

Brand + UX

6 of 8 competitors hid PMI, HOA, taxes, or insurance behind small print or secondary screens. I built a calculator that exposes all 8 inputs upfront. The monthly payment shown is the real one. For a Latino audience used to hidden fees from traditional banks, this became a trust signal, not just a tool.

Decision 04

Admin panel as core, not extra.

Operational Design

The document handoff was initially scoped as a nice-to-have upload form. I promoted it to a system: customers upload by employment type with a checklist, and the internal team searches, reviews, and batch-downloads from a single admin panel. The bottleneck moved from scattered email threads to a 2-minute workflow.

Decision 05

Spanish-first, not 'translated to Spanish'.

Localization

Most sites write in English and then translate. I wrote the primary flow in Spanish first: tone, legal terminology, and cultural cues were native from the start. The English version is the adaptation. For a market where trust is built in the details, this matters more than a language toggle.

Pre-approval form, financial data first

Built for every screen

Mobile-First by Default

The Latino home-buying audience browses primarily on mobile. Every component, calculator, form and document upload was designed mobile-first, then expanded for tablet and desktop.

Honest mortgage calculator on desktop
Honest mortgage calculator on mobile

Built with AI · Lovable

Lovable

Lovable made it possible to ship a 9-section bilingual site with calculator, pre-approval flow, document portal and admin panel in 3 weeks, without sacrificing custom design or conversion logic.

Speed is the differentiator only when judgment is still the differentiator. AI accelerates the build; the strategy, IA and conversion thinking still have to be earned upstream.

Document System · Customer + Admin

What started as an "extra" component became the highest-impact deliverable. Customers upload by employment type with a clear checklist; the internal team searches, reviews and batch-downloads from a single admin panel. The bottleneck moved from email chains to a system.

Customer-facing document upload portal
Customer upload
Internal admin panel for document review
Admin panel

Results

Status

Live in production

Pre-approvals

2 since launch

Document uploads

15 since launch

Client status

Delivered

What I Learned

  • In trust industries, IA beats visuals. The order of information signals respect, not the polish of the components.
  • Benchmarking surfaces patterns that are invisible from the inside. 8 sites, 6 reusable rejections.
  • AI builds need strategy upstream. Lovable accelerates the build, not the thinking.
  • The real scope is rarely the visible scope. The admin panel was the highest-impact deliverable.