Skip to main content
Back to Work

Mortgage Lending · Nationwide

Logan Loans

A 34-page mortgage platform that turns jargon into clarity. Built with a jargon translator, 15+ geo-landing pages, and a warm palette that makes lending feel human.

Mortgage Lending
Nationwide
34 pages
HTML · CSS · JS
96/A

Pages Built

34

Geo-Landing Pages

15+

WCAG Compliance

AA

logan.loans96/A
Logan Loans website preview
Live build

Mortgage Lending · Nationwide

Logan Loans

BackgroundPrimary (Sage)Deep SageForest
0/ A
Lighthouse

Stack

HTML · CSS · JS

Launch

Public launch

The Problem

What needed to change.

Mortgage lending is drowning in jargon. Every competitor site reads like a compliance document. First-time homebuyers — the highest-intent audience — bounce because they don't understand what they're reading. Logan Loans needed to feel approachable without losing credibility.

0

Pages Built

15+

Geo-Landing Pages

AA

WCAG Compliance

0

JS Frameworks

The Transformation

From where they were to where they are.

After: logan.loans — 96/100
clearer path
+
trust
Before: Logan Loans's Old Site
Drag to Compare

The Decisions

Why we built it this way.

Every website is a series of choices. Here are the ones that mattered most.

Warm Sage

#F5F1EBBackground
#7B8F6BPrimary (Sage)
#4A5A3CDeep Sage
#2C3E28Forest

The Journey

From first call to launch.

ResearchLaunch
1
Research

Competitor Audit

Analyzed 20+ mortgage sites. Every one used blue, stock photos of happy families, and walls of compliance text. The gap was obvious: nobody was speaking like a human.

2
Architecture

34-Page Information Architecture

Mapped every loan product, geo-market, and educational topic into a sitemap that serves both SEO and user intent. Each page earns its existence.

3
Build

Jargon Translator + Geo Pages

Built the inline glossary system, 15+ unique geo-landing pages with local context, and Netlify Forms with progressive disclosure.

4
Launch

WCAG AA Compliant

Full accessibility audit, FAQPage schema on every page, semantic HTML throughout. Zero framework dependencies.

What We Built

Features that actually matter.

No feature bloat. Every element earns its place by solving a real problem for the business.

Inline Jargon Translator

Highlighted terms expand to plain-English definitions without leaving the page.

15+ Geo-Landing Pages

Uniquely written pages for each market with local context and FAQPage schema.

Progressive Form Flow

Multi-step application that reveals complexity gradually, not all at once.

FAQPage Schema Everywhere

Every product and geo page has structured FAQ data for rich Google results.

Warm Sage Palette

Intentionally non-corporate color system that signals growth and calm.

Zero-Framework Architecture

Semantic HTML, vanilla JS, system fonts. Fast on any connection.

The Results

Numbers that hold up.

0

Lighthouse Score

0

Total Pages

15+

Geo-Pages

AA

WCAG Level

0

SEO Score

0

Dependencies

First-time buyers finally feel like they understand what they're signing. The jargon translator alone changed how we onboard clients.

Logan Loans

Want this level of craft for your business?

No templates. No page builders. Just a website built specifically for your business, your audience, and your goals.