Skip to main content Scroll Top

Mortgage Website Design: Websites for Brokers, Lenders and Loan Officers With the Disclosures Built In

Updated October 2026 · Written and maintained by the Progression Agency strategy team

Mortgage website design is the work of planning, writing, designing and building a site for a mortgage broker, lender or loan officer so that it turns a borrower’s research into a quote request or a started application, with licensing, Equal Housing and rate disclosures built into the templates. We build for broker owners, independent and retail loan officers, mortgage bankers and the mortgage teams of banks and credit unions. Progression Agency is based in New York City and works with clients across the United States and worldwide.

On this page · 19 sections
  1. What is a mortgage website, and what should it do?
  2. Mortgage web design services we provide
  3. Loan program pages: conventional, FHA, VA, USDA, jumbo, DSCR, HELOC and reverse
  4. Mortgage website with calculator: payment, affordability and refinance tools
  5. Rate display and Regulation Z: designing the rate component
  6. Loan officer websites and profile pages
  7. Mortgage website compliance: NMLS, Equal Housing and state disclosures
  8. Quote forms, call consent and secure document upload
  9. Realtor and referral partner pages
  10. Mortgage website templates and builders versus a custom build
  11. Mortgage website examples: patterns from the best mortgage websites
  12. Mortgage broker website design: building for a brokerage
  13. Mortgage company website design and mortgage lender website design
  14. Speed, accessibility and security on mortgage sites
  15. AI answers: how borrowers ask assistants about lenders and loan officers
  16. How do you choose a mortgage website design company?
  17. How much does mortgage website design cost?
  18. How do you create a mortgage website, from kickoff to launch?
  19. Related services for mortgage businesses

The short answerMortgage web design that works gives every visitor two clear paths, buying or refinancing, then a page for each loan program, calculators that state their assumptions, a profile for each loan officer with an NMLS ID and licensed states, and a short quote form with consent wording your counsel approves. Stating a rate or a payment brings in Regulation Z disclosures, so we design the rate and calculator components with the disclosure attached. Results are measured in quote requests and started applications. Fixed-scope mortgage builds begin at $9,500 for five to eight pages; the ten to sixteen page business site begins at $18,000 and is usually live in 8 to 13 weeks. Licensing and advertising rules differ by state and by country, and your compliance team approves the wording.

Mortgage rules are summarized as they read in October 2026 and may change. This is general information, not legal or compliance advice; licensing and advertising rules vary by state and by country, and your compliance officer or counsel approves every page. Rate and payment examples are illustrative. Prices are starting figures from Progression’s fixed-scope list; a written scope comes before any quote.

What is a mortgage website, and what should it do?

A mortgage website is the online office of a lender, broker or loan officer: it explains loan options, lets borrowers run numbers, shows who is licensed to help them and hands them to an application. Its job is a quote request or an application, and every page should move a borrower toward one of the two.

Mortgage site types and what each needs most
Site typeWho runs itWhat it needs most
Broker company siteA brokerage and its originatorsLoan options across programs, officer profiles, a quote path
Mortgage lender or banker siteA lender that funds its own loansProgram pages, rate components, branch pages, application hand-off
Loan officer siteOne originator, inside or outside a company brandPersonal bio, NMLS ID, reviews, a direct calendar
Bank or credit union mortgage pagesA mortgage team inside a depositoryProgram pages within the institution’s disclosure system
Commercial mortgage siteA commercial lender or brokerProperty types, deal sizes and a deal submission form, which commercial mortgage website templates rarely include
Reverse mortgage specialist siteOriginators focused on older homeownersCareful plain language, counseling information, accessible design

Who we build for

Broker owners, independent loan officers, retail originators at mortgage companies, mortgage bankers, and the mortgage teams of community banks and credit unions. The buyer is usually the owner, a sales leader or the marketing lead, with the compliance officer joining early.

Where marketing, search and lead programs live

Campaigns and referral programs are covered on our mortgage marketing page, ranking for local and program searches on mortgage broker SEO, and paid lead programs on mortgage lead generation. This page is the website itself.

Mortgage web design services we provide

Mortgage web design services reach well past the visual layer: page planning, writing, calculators, rate components, officer profiles, forms, the application hand-off, accessibility and the disclosure layer.

Buy: Purchase path. Preapproval, first-time buyers.
Refi: Refinance path. Rate and term, cash-out.
Programs: Loan program pages. Conventional, FHA, VA, jumbo.
Tools: Calculators. Payment, affordability, break-even.
People: Loan officer profiles. NMLS ID, states, reviews.
Apply: Application hand-off. Secure, mobile, saved progress.
What each mortgage web design service produces
WorkstreamOur partYour result
DiscoveryInterview owners, originators and compliance about programs, states and how loans startA written scope, page plan and disclosure map
Page architectureOrganize pages around goals, programs, officers, branches and borrower questionsA sitemap where each page has a single job
ContentDraft purchase, refinance, program and first-time buyer pages borrowers can followCompliance-approved copy that belongs to you
CalculatorsPayment, affordability and refinance break-even tools with stated assumptionsTools that carry their own disclosures
Rate componentA rate display that pairs any rate with its APR and assumptionsRates editors cannot publish without disclosures
Officer profilesA template per originator with NMLS ID, states, reviews and linksProfiles that scale with the team
Forms and hand-offQuote forms with consent wording and a secure link to the applicationOne path from any page to a loan
Accessibility and launchWCAG 2.2 AA build, redirects, analytics and trainingA tested, trackable site

The header and hero: quote and rate paths before Apply Now

Most visitors are not ready to apply on their first visit. The header offers “Get a quote” and “See today’s rates”, and the first screen splits buyers from refinancers. The application link stays visible, but it is not the only door.

Two paths from the first screen

Buyers want to know what they can afford and how preapproval works; refinancers want to know whether a new loan is worth it. Two clear buttons send each to pages written for them, which keeps both from wading through the other’s questions.

In the header, on every officer profile and at the end of every program page, labeled for what happens next, such as “Start your application”. Placing it after the explanation instead of before it tends to bring better-prepared applicants.

Loan program pages: conventional, FHA, VA, USDA, jumbo, DSCR, HELOC and reverse

Each loan program gets its own page that explains who it tends to suit, how it works and what to do next, without promising approval or a rate. Programs the business does not offer stay off the site.

Loan program pages and what each must avoid
Program pageWhat it explainsWhat the wording must avoid
ConventionalDown payment options, mortgage insurance, fixed or adjustable termsRates or payments without the required disclosures
FHAWho the program suits and how insurance premiums workImplying the business is part of the government
VAEligibility basics for service members and veteransSuggesting endorsement by the Department of Veterans Affairs
USDAEligible areas and buyers in general termsGovernment-look logos or wording
JumboLoans above conforming limits and what lenders reviewPromises about approval or speed
DSCR and investorQualifying on a property’s rental incomeGuaranteed approval or income claims
HELOC and home equityDrawing on equity, variable rates, closing costsHiding that the rate can change
Reverse mortgageHow it works, counseling, what heirs should knowMisleading use of words such as “counselor”

Government program pages without implying endorsement

Regulation Z bars dwelling-secured credit ads from misrepresenting a government connection, and Regulation N makes it a violation to suggest an affiliation with a government entity through wording or look-alike logos. FHA, VA and USDA pages describe the programs in the business’s own design and never borrow agency seals.

Investor and DSCR pages

Investor pages speak to people buying rental property, explain qualifying on the property’s income in general terms and invite a scenario review. They avoid promises about approval, speed or returns.

Home equity and reverse mortgage pages

These pages reach homeowners who are often older or managing a change in circumstances. Short paragraphs, larger type, clear explanations of costs and an invitation to talk with a person do more than any calculator.

Pages for first-time buyers

First-time buyer pages explain preapproval, down payment options, closing costs and the timeline from offer to keys, in the order buyers meet them. A glossary of common terms, linked from each page, keeps the explanations short.

Mortgage website with calculator: payment, affordability and refinance tools

Calculators are among the most used tools on a mortgage site, and the easiest to get wrong. We build them to show their assumptions, to carry the disclosures their results trigger and to work with a keyboard and a screen reader.

Process map of a borrower's path through a mortgage website in six steps: chooses a path, learns the loan options, runs the numbers, checks the loan officer, asks for a quote and starts the application.Process map of a borrower's path through a mortgage website in six steps: chooses a path, learns the loan options, runs the numbers, checks the loan officer, asks for a quote and starts the application.
Editorial process map, not measured data.

Calculators that show their assumptions

Every result sits next to the inputs behind it: loan amount, rate, term, down payment and whether taxes and insurance are included. Default values are set by your compliance team and labeled as examples.

When does a calculator result become an advertisement?

Under Regulation Z, stating the down payment, the number of payments, a payment amount or a finance charge in an ad brings in further disclosures: the down payment, the repayment terms and the annual percentage rate. A calculator page that shows example payments by default is treated with the same care.

Taxes and insurance

For first-lien loans, an ad that states a payment must say that it does not include taxes and insurance premiums, where that applies, with prominence and close to the payment. Our payment result carries that line every time a payment appears.

Accessible calculators

Labeled inputs, visible focus, results announced to screen readers and no sliders that only work with a mouse. Calculators that fail these checks shut out some of the borrowers most likely to need them.

Rate display and Regulation Z: designing the rate component

If a site shows rates, the rate component is the most regulated element on it. We design it so a rate never appears without its annual percentage rate and the assumptions behind it, and so editors cannot break that pairing.

Claims on a mortgage page and what we design next to them
Claim on the pageWhat it brings inWhat we build beside it
An interest rateThe rate stated as an annual percentage rate, and whether it can increaseAn APR field required before publishing
A down payment amount or percentageDown payment, repayment terms and APRA disclosure block attached to the figure
A monthly paymentEach payment over the term, the period of each, and the taxes and insurance noteA payment component with the note built in
Several rates over the loan termEach rate, how long it applies, and the APR, with equal prominenceA table of rate periods
A loan that may exceed the home’s valueA note that interest on the excess is not tax deductible, and to consult a tax adviserA fixed notice on equity pages
The word “fixed”Only where the rate or payment really is fixed for the stated periodWording reviewed by compliance

Rates stated as APR, with equal prominence

Regulation Z requires any finance charge rate in an ad to be stated as an “annual percentage rate”, and for credit secured by a dwelling the simple rate may not appear more prominently than the APR. Our rate cards show both in the same type size.

Dates, scenarios and the word “illustrative”

Every rate shown carries the date and time it applies, the loan scenario behind it and a note that rates change. Any example on this or any page we build is labeled illustrative and is not an offer.

Only terms the business actually offers

Regulation Z says an ad stating credit terms may show only terms that are or will be arranged or offered. A rate component fed from the pricing engine, or updated by one named person, keeps the site honest.

Rates on your site but no disclosures beside them?Send the site and the pages that show rates or payments. A free proposal follows with the rate and calculator components we would rebuild first and a written scope.

Get a free proposal

Loan officer websites and profile pages

Loan officer websites win business because borrowers choose a person. Each officer gets a profile, or a full personal site, with a real photo, an NMLS ID, licensed states, reviews and a direct way to reach them.

Photo: A real headshot. The person borrowers will call.
ID: NMLS ID and states. Linked to the public record.
Bio: Experience in plain words. Who they help, what they know.
Reviews: Borrower reviews. Shown in full, never filtered.
Book: Call or calendar link. One tap on a phone.
Apply: Personal application link. Credited to the right officer.

What should every loan officer profile show?

A loan originator website or profile shows name, photo, NMLS ID, licensed states, languages spoken, years originating, the kinds of borrowers they help, reviews, phone, calendar and a personal application link. Profiles update from one template, so a new hire is live the day they are licensed.

Mortgage websites for loan officers inside a company brand

Mortgage websites for loan officers often sit on the company’s domain, with the officer’s name in the address and the company’s disclosures in the footer. That keeps the officer’s pages under compliance review and keeps search value on one domain. Independent mortgage loan officer websites follow the same pattern on their own domain.

Best loan officer websites: what they share

The best loan officer websites read like the officer talks. A short video introduction, the neighborhoods and buyers they know, a local partner list and a calendar with open times. They also look the same as the company site, so trust carries over.

Reviews on officer pages

The FTC’s rule on reviews bars suppressing reviews based on their rating or negative sentiment while implying the ones shown are all or most of them. We display eligible reviews in full and apply one moderation rule to all of them.

Mortgage website compliance: NMLS, Equal Housing and state disclosures

Mortgage website compliance is mostly about putting the right identifiers and statements on the right templates so they never go missing. What follows is general information; how each rule applies to your company is your counsel’s or compliance officer’s call, and rules differ by state and by country.

NMLS: Unique identifier. On every originator page.
EHO: Equal Housing logo. With the statement, in the footer.
APR: Rates stated as APR. With equal prominence.
States: Licensed states. Listed, kept current.
Consent: Call and text consent. Plain wording, not a condition.
Privacy: Privacy notice. Linked from every form.
Mortgage advertising and privacy rules, and the template piece each one shapes
RuleIn briefWhere it shows up in the build
State licensing laws on the unique identifierSome states, Minnesota among them, require the NMLS ID on ads, forms, business cards and websitesNMLS ID fields on company, branch and officer templates
Regulation Z, 12 CFR 1026.24Triggering terms, APR statements and prohibited practices in credit adsRate, payment and calculator components with disclosures
Regulation N, 12 CFR Part 1014No misrepresentations about rates, fees or government affiliationProgram pages reviewed for these claims
FDIC 12 CFR 338.3FDIC-supervised banks show the Equal Housing Lender or Equal Housing Opportunity logo in dwelling-loan adsLogo and statement in the footer
Fair Housing Act, 42 USC 3604(c)No housing ads indicating a preference based on protected characteristicsImage and wording review
RESPA Section 8, 12 CFR 1024.14No fees or things of value for referrals of settlement service businessPartner pages reviewed for referral arrangements
TCPA, 47 CFR 64.1200Prior express written consent for autodialed or prerecorded telemarketing callsConsent wording on forms
FTC Safeguards Rule, 16 CFR Part 314Safeguards and service provider oversight for customer informationVendors and forms chosen with your security lead
ADA and WCAG 2.2Businesses open to the public make online services usable for people with disabilitiesCalculators, forms and templates tested for accessibility

NMLS ID on every originator page

State licensing laws commonly require the identifier to be clearly shown on ads and websites. Minnesota’s statute, for example, requires the unique identifier of anyone originating a residential mortgage loan on applications, solicitations, ads, business cards and websites. We add a link to the public record in NMLS Consumer Access, which regulators such as California’s DFPI describe as a fully searchable site.

Equal Housing logo and statement

FDIC-supervised banks must show the Equal Housing Lender logotype and legend in written ads for dwelling loans, or HUD’s Equal Housing Opportunity logo. Nonbank lenders and brokers confirm with counsel what their regulators expect. We place it in the footer with the statement, and review images and wording against the Fair Housing Act ban on discriminatory housing ads.

The company’s NMLS ID, its licensed states and any state-specific notices your counsel requires sit in a shared footer, with a full licensing page linked from it. One approved edit updates every page when a license is added.

State and country differences

Disclosure wording, license display and even what counts as an ad vary by state, and businesses lending outside the United States answer to other regimes. The templates stay the same; the disclosure map we write in discovery records what each market needs.

A mortgage site collects some of the most sensitive data any website handles. We keep marketing forms short, write consent wording your counsel approves and send anything sensitive through systems built and contracted for it.

Short quote forms

Name, contact details, purchase or refinance, rough price and loan amount, timing and the preferred officer. Social Security numbers, income documents and credit authorizations belong in the application, not the quote form.

The FCC’s TCPA rule defines prior express written consent as a signed written agreement, electronic signatures included, that discloses the person is authorizing autodialed or prerecorded telemarketing calls and is not required to agree as a condition of purchase. We place that wording beside the submit button, never in fine print.

The application hand-off

The site links to the business’s application system, which collects the Uniform Residential Loan Application data; the redesigned URLA became mandatory for all new loans delivered to Fannie Mae and Freddie Mac on March 1, 2021. Each link carries the officer and the source, so credit and reporting stay correct.

Safeguards and the vendors behind the forms

The FTC Safeguards Rule lists a mortgage broker among the financial institutions it covers and requires overseeing service providers by contract. We choose form, chat and hosting tools with your security lead and document where each piece of data goes.

Realtor and referral partner pages

Partner pages help agents and builders send buyers to the right officer, and they need care: RESPA Section 8 bars paying for referrals. We build them to share useful information, not to reward the referral.

Partner pages without paying for referrals

RESPA’s rule bars giving or accepting a fee, kickback or other thing of value for referrals of settlement service business, and says a referral is not a compensable service. Partner pages list resources and contacts; any co-marketing arrangement is reviewed by counsel first.

Co-branded landing pages

A page for a specific listing or open house can carry both the agent’s and the officer’s details if counsel approves the arrangement. Each carries the officer’s NMLS ID and the company’s disclosures.

Pages for real estate agents

Agents want quick preapproval letters, a direct line and updates on their buyer’s file. A partner page that explains how the officer works with agents answers that in one place. Our real estate website design page covers the agent’s own site.

Mortgage website templates and builders versus a custom build

Mortgage website templates get one officer online quickly; a custom build suits companies with many officers, several states and calculators that must carry disclosures. Between the two sits semi-custom work: our tested mortgage layout, carrying your brand and your copy.

Check grid of eight mortgage business situations marked by whether each points to a custom website, a template site or both.Check grid of eight mortgage business situations marked by whether each points to a custom website, a template site or both.
Editorial assessment, not measured data.
Routes to a mortgage website, side by side
ApproachYou getRight forWatch out for
Specialist mortgage website builderTemplates, prebuilt calculators and a subscriptionA single loan officer who needs a site nowSites look alike; check who controls the disclosures
Free mortgage website templateA theme for a general builder or WordPressVery small budgetsNo disclosure layer, calculators or profiles
Semi-custom on WordPressOur mortgage page structure, styled for your brand and written for your borrowersMost brokers and small lendersLess room for one-off layouts
Custom design and buildTemplates for programs, officers, branches, calculators and ratesMulti-state lenders and growing brokeragesMore time and budget up front
Restyle in placeUpdated type, color and photos on the pages you already haveSites that still bring quotes but look oldStructural problems remain

When is a mortgage website template enough?

A mortgage website template works for one originator in one or two states with simple needs, if you can edit the NMLS ID, licensed states and Equal Housing statement yourself. Replace it once the team grows or the site needs its own calculators.

Mortgage company website templates and loan officer website templates

Mortgage company website templates should include branch and officer templates, not only a home page. Loan officer website templates should let each officer edit the bio while compliance controls the footer, and mortgage broker website templates need an originator directory as well. Check that all of them export your content.

Mortgage website builders and platforms

Mortgage website builders bundle templates and tools for a monthly fee; WordPress gives full ownership and a review workflow; Webflow suits design-led sites with a small page count. Our comparison of Webflow and WordPress goes further. The best mortgage website builder for you lets compliance control the footer and lets you leave with your content; a mortgage broker website builder that hides the export is worth avoiding. When you need a mortgage website developer for custom calculators or rate feeds, our WordPress development team covers it.

Adding loan officers or licensed states?Tell us how many originators, branches and states the site has to cover. We reply with a free proposal for profile, branch and footer templates that scale.

Get a free proposal

Mortgage website examples: patterns from the best mortgage websites

The best mortgage websites share patterns more than styles. These mortgage website examples are described as patterns, without naming lenders, because what suits another company’s borrowers may not suit yours.

Best mortgage website design starts with the borrower’s goal

Strong mortgage website designs open with a choice, buying or refinancing, and a single line on who the business helps. The rate card, if there is one, sits below with its APR and date.

The local broker who leads with people

Best mortgage broker website design often puts the team first: faces, NMLS IDs, the neighborhoods they serve and reviews, with loan programs one click away.

The lender with a calculator hub

A hub page that gathers payment, affordability and refinance tools, each linking to the program pages it relates to, keeps researchers on the site until they are ready to ask for a quote.

The first-time buyer guide

A step-by-step guide from saving to closing, with a checklist download and a short workshop page, gives buyers who are months away a reason to come back.

The bilingual originator

Spanish and English pages written natively, with officers who speak each language named on the profiles, serve borrowers who prefer to read about a loan in their first language. Our multilingual website design work covers the technical side.

Mortgage broker website design: building for a brokerage

Mortgage broker website design explains the broker’s value, shopping a loan scenario across lenders, without implying guarantees, and makes each originator easy to reach.

Mortgage broker web design that explains the broker’s role

Mortgage broker web design starts with what borrowers misunderstand: what a broker does, how a broker is paid as your counsel directs it be described, and why that can help. A short, plain explanation on the home page and its own page answers it.

Website design for mortgage brokers with several originators

Website design for mortgage brokers with a team needs a directory, profiles, routing so each lead reaches the right officer and reports by officer. Mortgage websites for brokers that skip this end up with one shared inbox and slow replies; the best mortgage broker websites send each inquiry to a named officer automatically.

How do you build a broker website the team will keep current?

Keep the page count to what the team can maintain, give each officer edit rights to their own profile only and set a monthly review of rates, programs and licenses. A site that stays accurate earns more trust than one that is larger.

Mortgage company website design and mortgage lender website design

Mortgage company website design adds scale: branches, many officers, several states and recruiting. Mortgage lender website design adds rate components fed from pricing and a direct application path. Mortgage company websites and mortgage lender websites carry more pages, more people and more disclosures than a broker site, so the templates do more of the work.

Branch and service-area pages

Each branch gets a page with its address, hours, branch NMLS ID, officers and the areas it serves. A service-area page earns its place only if it says something specific about lending there.

Recruiting loan officers

A careers page that explains compensation structure as approved, the support originators get and the tools they use helps the company grow. It also gives the site a second audience that links to it.

Mortgage pages for banks and credit unions

A depository’s mortgage pages live inside a wider disclosure system. Our bank website design page covers that build, and credit union marketing covers member growth.

Speed, accessibility and security on mortgage sites

Borrowers use phones, many visitors are older, and every form handles financial data. Templates meet WCAG 2.2 level AA, speed is measured on real devices, and security decisions stay with your security lead.

Accessibility for borrowers

Federal web accessibility guidance from the Justice Department applies the ADA to the online services of businesses open to the public, and it calls out unlabeled forms as a frequent barrier. WCAG 2.2 requires text contrast of 4.5:1 for regular-size type. Existing mortgage sites can be brought up to standard by our ADA compliant website design team.

Page speed

We aim for Google’s good Core Web Vitals marks across at least 75 percent of visits: the main content painted inside 2.5 seconds and taps answered inside 200 milliseconds. Rate widgets and chat tools are what usually drag mortgage pages down, so they load after the content.

Security basics

HTTPS everywhere, a limited set of third-party scripts, administrator accounts with two-factor sign-in and backups with a tested restore. The domain, hosting and DNS are registered to the business.

AI answers: how borrowers ask assistants about lenders and loan officers

More borrowers start with an AI assistant: ChatGPT, Claude, Perplexity, Gemini, Copilot or the AI Overviews at the top of Google. They want a loan program explained, brokers weighed against banks or a loan officer suggested nearby, and the assistant builds its reply from pages it is able to crawl.

Borrower prompts we plan pages around

Examples: “FHA loan officer near me who speaks Spanish”, “is a mortgage broker better than a bank”, “how much house can I afford on my salary” and “best lender for self-employed borrowers”. Each pulls program explanations, officer profiles, reviews and regulator pages.

Pages assistants can use

Program pages that explain one loan each, officer profiles with NMLS IDs and licensed states, calculators with stated assumptions and straight answers about costs. Google’s own guidance says AI Overviews carry no additional requirements; a page needs to be indexed and able to show a snippet.

Ongoing AI search work

Our AEO for mortgage brokers program takes this further, using the pages this build creates as its raw material.

How do you choose a mortgage website design company?

Look for a designer whose first questions are about your loan programs, licensed states, officers and review process, not colors, and who registers every account to your company.

Vetting a mortgage website designer
Must haveHow to test it
Working knowledge of mortgage ad rulesHave them walk you through how their rate and payment components carry Regulation Z disclosures
NMLS and license displayAsk where officer IDs and licensed states are stored and who updates them
Consent and privacy on formsRequest their consent wording and the list of vendors that receive form data
Calculators that hold upCheck that results state assumptions and work with a keyboard and a screen reader
Room to grow the teamAsk for the steps that take a new loan officer profile live
Company-owned accountsGet written confirmation that domain, hosting, CMS, content and design files are registered to you
Reporting by officerAsk how quote requests and started applications will be attributed to officers and sources

Ask these before signing

Who drafts program pages and who checks them? How many compliance passes are included in the price? Which redirects protect our current traffic? How many days from a new hire’s license to a live profile?

Proposals to walk away from

Walk away from anyone who suggests “lowest rates” headlines or approval guarantees, holds your domain in its own account, shrinks consent wording to fine print or leaves disclosures to you. Fixing any of those later is costlier than the saving.

How much does mortgage website design cost?

Most mortgage sites land between $9,500, where our five to eight page builds start, and $18,000, the starting price for ten to sixteen pages. Multi-state lenders needing 30 to 60 pages and a content program start at $36,000. Pricing is confirmed in a written scope.

Mortgage website prices on Progression’s fixed-scope list
BuildTypical timelinePriceCommon mortgage use
Landing page1 to 2 weeksFrom $1,400A mortgage landing page for a first-time buyer campaign or one loan officer
Restyle of an existing site3 to 5 weeksFrom $4,800A site that still brings quotes but looks old
WCAG 2.2 AA remediation3 to 6 weeksFrom $4,000Calculators and forms that fail accessibility checks
Brochure site (5 to 8 pages)6 to 8 weeksFrom $9,500An independent loan officer or a small broker
Business site (10 to 16 pages)8 to 13 weeksFrom $18,000Programs, calculators, profiles and a rate component
Bilingual site (12 to 20 pages)12 to 18 weeksFrom $26,000Lenders serving borrowers in English and Spanish
Content program site (30 to 60 pages)14 to 20 weeksFrom $36,000Multi-state lenders with branches and many officers

What moves the price

The number of officers, branches and states, calculators and rate components, integrations with application and CRM systems, a second language and how many review rounds the compliance team needs.

Costs after the build

Hosting registered to your company, $50 to $250 a month for upkeep of a small site under our website maintenance plan, and whatever your pricing engine, chat and CRM vendors charge. For the wider market, see our guide to what a website costs.

How do you create a mortgage website, from kickoff to launch?

Five phases take a mortgage site from kickoff to launch; the speed depends mostly on how quickly rate, payment and program wording clears review. Ten to sixteen pages usually means 8 to 13 weeks.

Timeline of a mortgage website build over about 13 weeks: discovery in weeks 1 to 2, page plan and disclosure map in weeks 3 to 4, design, writing and calculator specifications in weeks 5 to 8, build and integrations in weeks 9 to 11, and compliance sign-off and launch in weeks 12 to 13.Timeline of a mortgage website build over about 13 weeks: discovery in weeks 1 to 2, page plan and disclosure map in weeks 3 to 4, design, writing and calculator specifications in weeks 5 to 8, build and integrations in weeks 9 to 11, and compliance sign-off and launch in weeks 12 to 13.
Schedule based on our published durations; an editorial view, not measured data.
Mortgage website build steps, hand-overs and quality gates
StepActivityHand-over to youQuality gate
DiscoveryPrograms, states, officers, systems and approvers mappedWritten scope, page plan and disclosure mapScope and approvers agreed in writing
ContentInterviews with owners, officers and complianceDraft program, purchase, refinance and profile pagesFirst compliance review
DesignPhone-first templates for every page typeDesign files with a prototype to click throughContrast ratios and minimum type sizes
BuildPages, calculators, rate component, forms and hand-offA staging site to reviewDisclosure fields, consent wording, data flow
LaunchRedirect map applied, analytics live, speed and accessibility testedThe live site, recorded training and test resultsFinal sign-off and tracking by officer

What we need from the business

An hour with the owner and each lead originator, time with compliance for each review round, the list of licenses and IDs, logins for current tools and a named approver for content.

The first month live

Support runs for 30 days after launch; we confirm tracking by officer and source and go through the first month’s quote requests with you. Our conversion rate optimization team can test forms and calculators from there.

These services build on a mortgage website once it is live.

Plan your mortgage website with us

Tell us your programs, your states and how many loan officers the site must carry. You will get a free proposal back, with a written scope.

Get a free proposal

Frequently asked questions

What does mortgage website design cost with Progression?
Our fixed-scope builds start at $9,500 for a five to eight page site, $18,000 for a ten to sixteen page site and $36,000 for a site with a content program of 30 to 60 pages. A single loan officer landing page starts at $1,400. Officers, states, calculators and integrations set the final figure, and a quote follows a written scope.
What is a realistic timeline for a mortgage company website?
A five to eight page site takes 6 to 8 weeks and a ten to sixteen page site 8 to 13 weeks on our fixed-scope list. Review of rate, payment and program wording is the usual reason a schedule stretches, so we agree the review rounds and the approver in the first week.
What has to appear on a mortgage website for compliance?
Commonly the company and officer NMLS IDs, licensed states, an Equal Housing logo and statement, a privacy notice, consent wording on forms and disclosures beside any rate or payment. Requirements vary by state and by type of business, so your compliance officer confirms the list and we build it into the templates.
Do loan officer websites need to show an NMLS number?
State licensing laws commonly require it. Minnesota’s statute, for example, requires the unique identifier of anyone originating a residential mortgage loan to be clearly shown on applications, solicitations, ads, business cards and websites. We put the ID on every profile with a link to the officer’s public record.
Can a mortgage website show today’s rates?
Yes, if every rate is stated as an annual percentage rate, shown with equal prominence to any simple rate, dated and tied to a stated loan scenario, and limited to terms the business actually offers. We design the rate component so it cannot publish without those fields, and compliance approves the wording.
Why does a payment calculator need disclosures?
Under Regulation Z, stating a payment amount or a down payment in an ad brings in further disclosures, including the repayment terms and the annual percentage rate, and for first-lien loans a note that payments exclude taxes and insurance where that applies. A calculator showing example payments by default is treated with the same care.
Is a mortgage website template good enough for a new loan officer?
It can be for a single officer in one or two states, if you can edit the NMLS ID, licensed states and Equal Housing statement and export your content later. Templates rarely include profile, branch or rate components with disclosures, so growing teams usually outgrow them.
Is a free mortgage website template a sensible starting point?
Only as a stopgap. A free theme gives you a layout, not the disclosure layer, calculators, officer profiles or consent wording a mortgage site needs. Adding those later often costs more than starting with a structure built for them.
Where should the Equal Housing logo go on a mortgage website?
Usually in the shared footer of every page, with the statement beside it, and on ads and landing pages for dwelling loans. FDIC-supervised banks must show the Equal Housing Lender or Equal Housing Opportunity logo in such ads; other lenders and brokers confirm what their regulators expect. Your compliance officer confirms the placement.
What consent language belongs on a mortgage quote form?
Wording your counsel approves that tells the person they agree to be contacted, including by autodialed or prerecorded calls or texts if you use them, and that agreeing is not a condition of getting a loan. It sits beside the submit button in readable type, with a link to the privacy notice.
Can our website link straight to the loan application?
Yes. We link to your application system from the header, each officer profile and each program page, carrying the officer and source so credit and reporting stay correct. Sensitive documents and Social Security numbers go into that system, never into a marketing form.
Should every loan officer have a separate website?
Usually a profile on the company domain is better: the company’s disclosures stay in the footer, compliance reviews one site and search value builds on one domain. Officers who need more get a personal section under the company brand with their own address, bio, reviews and application link.
Can a mortgage website have pages for real estate agents?
Yes, as long as they share resources and contacts rather than reward referrals. RESPA Section 8 bars giving or accepting a thing of value for referrals of settlement service business, so any co-marketing or co-branded page is reviewed by counsel before it goes live.
How should loan program pages describe FHA, VA and USDA loans?
In plain words about who each program suits and how it works, in the business’s own design. Regulation Z and Regulation N bar implying a government affiliation or endorsement, so the pages never borrow agency seals or wording that suggests the business is part of the government.
Must lenders and brokers make their websites accessible to people with disabilities?
The Justice Department says businesses open to the public must make their online services accessible to people with disabilities. We build every template, including calculators and forms, to WCAG 2.2 level AA and test with a keyboard and a screen reader before launch. Your counsel confirms how the rules apply to you.
Will a new mortgage website keep our Google rankings?
It should, if every page that ranks or has links is mapped to its new address with a permanent redirect before launch and tested on staging. We produce that map in discovery and watch indexing after launch; ongoing search work sits with our mortgage broker SEO team.
Does the mortgage company keep ownership of its site after launch?
Yes. The domain, hosting account, CMS, content, design files and analytics are in the company’s name and transfer on final payment. Check for that clause in any proposal, because a site that lives on a vendor’s platform may not leave with you when the subscription ends.
What should a lender track to judge its website?
By quote requests, booked calls and started applications from the site, tracked by page, officer and source. We set a baseline before launch so the first months can be compared fairly, and review the numbers with you after 30 days.
Can one mortgage website cover several states and branches?
Yes. Each branch gets a page with its address, hours, branch NMLS ID and officers, the footer lists licensed states, and a licensing page holds the details by state. The disclosure map from discovery records which notices each state needs.
Should a mortgage website be bilingual?
If many of your borrowers prefer another language, yes. A bilingual site of 12 to 20 pages starts at $26,000 on our list, with both languages written natively, officers who speak each language named and the disclosures translated as counsel approves.
How do borrowers find a loan officer through ChatGPT or Google AI Overviews?
Assistants draw on pages they can read: program explanations, officer profiles with NMLS IDs and licensed states, reviews and calculators with stated assumptions. Google says AI Overviews need no extra markup beyond being indexed. Our AEO for mortgage brokers program goes further.
Does Progression work with mortgage companies licensed outside New York?
Yes. Progression Agency is based in New York City and works with mortgage businesses across the United States and worldwide. Licensing and advertising rules differ by state and by country, so the disclosure map we write in discovery records each market, and reviews run on a staging site.

Rates on your site but no disclosures beside them?Send the site and the pages that show rates or payments. A free proposal follows with the rate and calculator components we would rebuild first and a written scope.

Get a free proposal

Get a free marketing proposal

Tell us what you are trying to grow and we will come back with a plan, not a pitch deck. Same-day reply on weekdays.

Privacy Preferences
When you visit our website, it may store information through your browser from specific services, usually in form of cookies. Here you can change your privacy preferences. Please note that blocking some types of cookies may impact your experience on our website and the services we offer.
Contact Us