Mortgage websites

Website Design for Mortgage Lenders: Applications, Rate Pages and Secure Uploads With the Disclosures in Place

A borrower opens a lender's site with a pre-approval deadline and a real estate agent texting every hour. They want three things: a rate they can trust, a loan officer they can reach and a place to send forty pages of paperwork. Most lender sites offer a stock photo of a front door.

October 13, 2026 · 9 min read

The short answer

A mortgage lender website has to start applications, show rates with the APR and assumptions Regulation Z requires, present every loan officer with an NMLS ID, accept documents through secure upload and carry the Texas Department of Savings and Mortgage Lending oversight notice. DataCram builds custom lender sites at a fixed price from $3,500, the tier for sites that take applications and documents.

On this page
  1. Why borrowers open a lender's website
  2. Rate tables, loan officer profiles and the rest of the page list
  3. Where Texas rules and Regulation Z touch the layout
  4. A rate table that is still true on Thursday
  5. Secure upload and a clean hand-off to the application
  6. Fast pages that borrowers, agents and AI crawlers can all read
  7. Athena CMS when every edit needs a compliance sign-off
  8. What a lender site costs, and when the company template will do
  9. How a lender site gets built, from mockup to redirects

Why borrowers open a lender's website

A lender's site has more returning visitors than most owners realize. The borrower comes back to upload a pay stub, to find the processor's phone number, to check whether rates moved before locking. Design for the first visit and the fifth, and the site starts saving staff time instead of creating calls.

Start an application

A clear path into your point-of-sale system, with the loan officer already selected when the borrower arrives from that officer's page.

Check today's rates

Dated, with the APR and assumptions beside each rate, so the table informs rather than misleads.

Find the right loan officer

By program, language or town, with an NMLS ID and a direct phone number on every profile.

Send documents

Pay stubs, bank statements and tax returns through a secure upload, never through email.

Run the numbers

Payment and affordability calculators that state their assumptions and the costs they leave out.

Reach the processor

A simple way for borrowers already in process to contact the person handling the file.

Rate tables, loan officer profiles and the rest of the page list

Pages and features a mortgage lender website needs
Why it mattersWhat it includes
Home pageBorrowers and agents both start hereApplication and pre-approval buttons, loan officer search, the Department oversight notice or a prominent link to it, company name and NMLS ID
Rates pageThe most visited page during busy weeksRates with APRs, an as-of date and time, assumptions, ARM labeling, a note that payments exclude taxes and insurance
Loan officer profilesBorrowers and AI engines look for a personName, NMLS ID, licensed states, programs, languages, reviews, an application link tied to that officer
Program pagesAnswer the FHA, VA and first-time buyer questionsWho each program suits, typical documents, timeline, no promises of approval
Secure document uploadKeeps sensitive files out of inboxesEncrypted transfer, staff-only access, upload confirmations, no email attachments
CalculatorsHelp borrowers plan before they applyStated assumptions, APR where a rate appears, the taxes and insurance note
Licensing pageAnswers how to verify the companyCompany NMLS ID, licensed states, a link to NMLS Consumer Access
Agent and builder partner pageSupports the relationships that bring purchase loansPre-approval turnaround, loan officer contacts, co-marketing request form
Spanish pagesServes borrowers who prefer SpanishTranslated programs, process and contact pages reviewed by a bilingual originator

This list is specific to mortgage. A bank or credit union site has different signage and a different hand-off; the family is covered on our financial services website design page, with the search side in GEO for financial services and the campaigns in financial services marketing, and website design by industry shows how other trades differ.

Where Texas rules and Regulation Z touch the layout

Most mortgage sites treat disclosures as fine print pasted into a footer at the last minute. We place them during design, because the rules decide where things go. As recorded in our research on October 7, 2026, these are the requirements that shape a Texas lender's site:

  • Oversight notice (7 TAC 56.200(c)). Each company website other than social media must post a notice about the Department of Savings and Mortgage Lending's regulatory oversight, on the home page or a page linked prominently from it.
  • Advertising details (7 TAC 56.203, effective November 23, 2024). Advertisements carry the company name and NMLS ID and the website address; an originator's advertising adds the originator's name and NMLS ID. We put the company details in every page footer and the officer's details on every profile, as a practice your compliance team can confirm.
  • Team brands. A team name or logo appears only with the company name and NMLS ID in substantially equivalent prominence, so team pages are designed with both from the start.
  • Rates and payments (Regulation Z 1026.24). Rates appear as APRs; triggering terms in a calculator or banner bring the required terms; 'fixed' never describes an adjustable loan without saying ARM; payment figures note that taxes and insurance are not included.
  • The application itself (12 CFR 1026.36(g)). Names and NMLSR IDs of the company and originator belong on the credit application, so we confirm with your point-of-sale vendor that its application screens show them.
  • Chatbots. The CFPB's June 2023 spotlight warned that chatbots in consumer finance must follow federal consumer financial law and flagged inaccurate answers and dead ends. Any bot we place has a visible route to a person.

A rate table that is still true on Thursday

Rate pages are the most dangerous pages a lender publishes. They are copied, screenshotted, quoted by AI engines and left unchanged for weeks. We design them to fail safe:

  • Every rate sits beside its APR, points and the loan scenario it assumes, in the same row.
  • An as-of date and time sits at the top of the table, in text, not in an image.
  • The table has a named owner in the content system, and the visible as-of time makes a stale table obvious to staff before borrowers notice.
  • If your pricing engine offers an API, the table can update from it; if not, editing it takes one screen.
  • When rates cannot be kept current, the page explains how to get a personal quote instead of showing a stale number.

Secure upload and a clean hand-off to the application

Most lenders run applications through a point-of-sale or loan origination system that lives on another domain. We do not replace it. We design everything before it: program pages that help a borrower choose, a document checklist that prevents a stalled file, and links that carry the loan officer into the application so the right person gets the lead. The jump should feel like the same company, not a stranger's website.

Document upload gets the same care. Files are encrypted in transit and stored where only named staff can reach them, borrowers see a confirmation of what arrived, and nothing travels as an email attachment. If your origination system already has a borrower portal, we link to it clearly instead of building a second one. Your privacy policy and your vendors' requirements set the final rules.

Fast pages that borrowers, agents and AI crawlers can all read

Lender sites are opened in a hurry, on phones, often in a car outside a showing. We build on Next.js, so pages are prerendered and quick, forms work with a keyboard and a screen reader, and Core Web Vitals are checked before launch. The same choice helps AI search: program pages, loan officer profiles and the licensing page carry their text in the HTML, which matters because many AI crawlers do not run JavaScript. FinancialService and MortgageLoan structured data describe the same facts in code. How the site fits with NMLS records, listings and reviews is covered on our GEO page for mortgage lenders.

Athena CMS when every edit needs a compliance sign-off

Every custom site we build includes Athena CMS. Its agents draft, and nothing goes live until a person approves it, which suits a lender whose compliance officer reviews every change. The agents most useful to a mortgage company:

  • Iris writes titles, descriptions, social cards and structured data for each program and officer page.
  • Hestia keeps branch hours, phone numbers and addresses identical across the site and listings.
  • Echo drafts replies to Google and Facebook reviews and flags unhappy borrowers first.
  • Argus watches for broken application links and failing forms, the errors that cost loans quietly.
  • Harmonia drafts Spanish versions and checks accessibility for review by a bilingual originator.

What a lender site costs, and when the company template will do

DataCram pricing

  • Lender sites start at a fixed $3,500, because applications and secure upload put them in our portal tier.
  • The price is fixed before work begins, after a free audit or the free mockup.
  • A site with online booking or an estimate flow is about $9,000, as listed on our web design pricing page.
  • 0% financing with 25% down through website financing: a $9,000 site is $2,250 down and $562.50 a month for twelve months.
  • Quotes follow a free audit or the free mockup.

When you do not need us

  • You are a loan officer at a larger company that supplies a profile page and controls the brand.
  • Your origination vendor's site template already meets your compliance team's needs and borrowers use it.
  • You are a one-person broker shop that lives on referrals and needs only a licensing page and a phone number.

For a straight comparison of a builder against a custom build, see WordPress versus a custom website and what a custom website costs.

How a lender site gets built, from mockup to redirects

  1. 1

    Free mockup

    We design your new home page and send it, no obligation, through the free mockup offer.

  2. 2

    Fixed quote and compliance kickoff

    One price for the build, and a first meeting with your compliance officer to agree on disclosures and review steps.

  3. 3

    Content with your originators

    Program and profile pages drafted with loan officers, then routed through compliance.

  4. 4

    Build, connect and test

    Application links, upload, calculators and rate tables tested on phones and with your vendors.

  5. 5

    Launch with every old address redirected

    Old URLs map to new pages, so agent bookmarks, partner links and rankings carry over.

Once the site is live, mortgage lender marketing brings agents and borrowers to it. Borrowers will need homeowners coverage before closing, which is where our insurance agency websites come in, and the financial services industry page covers the wider sector.

Questions owners ask before a new website

DataCram builds custom lender sites at a fixed price starting at $3,500, since applications and document upload count as a portal, and a site with online booking or an estimate flow is about $9,000. 0% financing is available with 25% down, and every quote follows a free audit or the free mockup.

Texas 7 TAC 56.200(c) requires a notice about the Department of Savings and Mortgage Lending's oversight on the home page or a page linked prominently from it, and 56.203 sets the name, NMLS ID and website details for advertising. Rates must follow Regulation Z. Your compliance officer confirms how each applies to your site.

Yes, if your pricing engine offers an API and your compliance team approves the scenario and disclosures. Each rate needs its APR and assumptions beside it and a visible as-of time. When live data is not possible, a dated table with an owner who updates it works, and a clear quote request beats a stale number.

We build uploads that encrypt files in transit and store them where only named staff can reach them, which is far safer than email. If your origination system already has a borrower portal, we link to it rather than duplicate it. Your privacy policy sets retention and access rules.

It helps borrowers, partners and AI engines. A profile with name, NMLS ID, licensed states, programs, languages and an application link tied to that officer gives each originator a page to share and gives search engines a person to name.

Not if the move is planned. We list every old URL, redirect each one to its new page, and test the links into your application and borrower portal before launch.

Keep reading

Free · No obligation

See your new lender home page, designed before you commit

Tell us about your company, your loan officers and your origination system. We design your home page and send it, with no obligation.

Which of these sounds like you? (pick any)

Rather talk now? Call (210) 346-0848.

CallGet a quote