ProTitle Agency
A title agency that explains the closing step by step
- Industry
- Title insurance and closings, Florida
- Year
- 2024
- What we did
- Website design and development, consultation form
- Site languages
- EN
- Title services explained
- 7
- Steps in the closing timeline
- 7
- Customers, per the agency
- 1,000+
Overview
ProTitle Agency is a Hallandale Beach title company: title search, title insurance, escrow and closings for homebuyers, owners refinancing, agents, investors and lenders. We designed and built its site, which explains seven services and a seven-step closing process in plain English and sends consultation requests straight to the agency’s Telegram.
- 01Consultation
- 02Proposal
- 03Title search
- 04Title insurance
- 05Escrow
- 06Closing
- 07Post-closing support
A progress line fills through the seven steps as the page scrolls.
01 — Challenge
Title work is the least visible part of buying a property: most clients only learn it exists once a closing is on the calendar. The subject is legal and dry, and a wall of text loses the reader by the second paragraph. ProTitle needed a site a first-time buyer would actually read, and that turned the reader into a consultation request.
02 — What we built
We told the story in the order a client lives it: what title insurance protects, who the agency serves, the seven services, then seven steps from the first consultation to post-closing support. Scroll-linked motion carries the reader through it — services drift in as the page moves, a progress line fills along the timeline, and the contact page ends on a 3D globe. A three-field form, reachable from every screen, sends each request to the agency’s Telegram.
03 — Result
A live English-language site, online since 2024, that walks a client through seven services and the whole closing before the first call. The home page carries five client groups, a wall of reviews and the agency’s figure of 1,000+ customers, and requests arrive in Telegram with name, phone and email.
Seven services
Title search, title insurance, escrow, closing, document preparation and recording, lien and judgment searches, and refinancing assistance — one plain description each. On desktop each service’s text and photo move at different speeds as you scroll, so a long list reads as a sequence.
- Seven services, each in plain English
- Scroll-linked parallax for text and photo
- Simple stacked cards without motion on mobile
The closing, step by step
Seven steps — consultation, proposal, title search, title insurance, escrow, closing and post-closing support — each with a one-line promise and a short explanation. A progress line fills as the reader scrolls, so they always know how far into the process they are.
- Seven numbered steps, from first call to after closing
- Progress line tied to scroll position
- Each step pairs a headline with a plain explanation
Audiences and reviews
Five client groups get their own card: homebuyers, owners refinancing, real estate agents, investors and lenders. Reviews run in three auto-scrolling columns, enough volume to read as a track record rather than a quote or two.
- Five client groups, each with a one-line promise
- Reviews in three continuously scrolling columns
- Hero line: trusted by 1,000+ customers
Consultation request
Every “Get a Free Consultation” button opens the same modal: full name, a phone field masked to the US format, and email. The server validates the email and phone and posts the request to the agency’s Telegram chat, and a burst of confetti confirms it to the visitor.
- Three fields, phone masked as (000) 000-0000
- Email and phone validated on the server
- Requests delivered to the agency’s Telegram
Key decisions
- The contact-page globe is a three-globe scene loaded through a client-only dynamic import, so the three.js code stays out of the server render.
- Each service row tracks its own scroll progress with Framer Motion, fading the text in and moving text and image in opposite directions.
- The closing timeline measures its own height and maps scroll progress to a line that fills through the seven steps.
- The header hides on scroll down and returns on scroll up, keeping a long page clear.
