Gable Innovation
Back to Case Studies
Website Development

How a Custom Next.js Platform Doubled Traffic and Cut Lead Response Time by 20×

Commercial real estate brokerages lose deals when their websites can't keep pace with buyer urgency. One firm's WordPress site loaded in three seconds - long enough to lose impatient prospects. Their mobile hero image didn't render, lead forms failed 30% of the time, and when submissions did go through, sales reps waited up to 24 hours for notification. In a market where buyers tour properties and sign Letters of Intent within the same day, that delay is fatal. The firm needed more than speed improvements; they needed a rebuilt technology stack that delivered leads to salespeople instantly, supported simultaneous property browsing across tabs, and eliminated submission failures. Website development for commercial real estate brokerage demands infrastructure that matches deal velocity, not cosmetic fixes layered onto broken foundations.

The Technical Liability Costing Deals

The development team started from square one by analyzing the current WordPress theme. The theme loaded in approximately three seconds, which was not adequate for mobile traffic that comprised over half of the site's traffic. The time it took to load the property photos, the contact form errors, and other issues all combined to create a poor user experience.

The pages for SEO didn't rank for any of the relevant metro terms and as a result the organic traffic had plateaued while the sites of competitors continued to increase in ranking and in organic traffic. On top of that, the back-end system for property management was highly dysfunctional. It took 5 clicks to update a single listing. The support tickets for this site were regularly going unanswered for weeks.

The information of each new lead received through the WordPress site's contact form or by downloading property brochures was stored in the WordPress install until someone logged into the admin dashboard and reviewed the new lead(s) there. Alternatively, the person who left their info received an email notification. And if the email got stuck in the spam folder of the recipient, then that's it. But leads don't wait around for someone to review their info days later; they move on to other brokerages who have managed to respond within an hour or so of the lead submitting their info.

In commercial real estate, teams have 2 hours to answer a call regarding a listing. If the call is not answered within 2 hours, the listing will be lost to another broker or agent who can answer the call in time to complete due diligence and sign a letter of intent.

The brokerage required a system to quickly load property listings complete with images and other associated documents on their mobile devices (used by 50% of users), tracking of lead interactions (such as form submissions) in real time, and the syncing of this information to HubSpot in real time, allowing same-hour follow-up by the brokerage's salespeople. Finally, the system was required to manage all confidential disclosure requirements of commercial property for sale (offers, terms, etc.) 100% via the system's online interface and corresponding automated processes without the use of manually prepared PDFs and email.

What Was Built

The core of the system is a custom-built Next.js 14 platform running on PostgreSQL. This gave the brokerage a fully custom-built platform, as the existing WordPress theme did not meet half of the design requirements as outlined at the kickoff. Every design decision went down one path: Interact with the website and immediately push that information to the CRM.

Interacting with the website meant viewing property listings on an interactive map powered by Leaflet, viewing details on a listing, and requesting more information about a listing in order to capture a lead. Every single interaction on the site (form submits, PDF downloads, page views, etc.) is captured and pushed into HubSpot in real time. Site users can then receive notifications (email, SMS, etc.) in hours from sales (as opposed to days).

For property information that is to remain confidential and is financial in nature (e.g., financial information of premium properties for sale, information regarding current listings for sale, etc.) that requires the prospective broker and/or salesperson to sign an NDA (non-disclosure agreement), the system generates an executed PDF copy of the NDA, which is then stored in S3 and made available in the deal room for that specific property. In addition to accessing the executed NDA in the deal room for that property, once an NDA has been signed for a user, that user can then be granted access to view premium financial information for all listings for sale. All activity, including but not limited to a user requesting access to view premium financial information for a listing for sale and that user being approved to view such information, is tracked and recorded as custom contact properties and/or timeline events on the lead's HubSpot record.

Additional admin features were implemented for the owners of the site to upload new properties, manage listings, and update content of existing listings. Admin can approve new signups, and owners of the site will receive an email automatically. A new feature of posting Google Reviews on the homepage was also implemented.

The build prioritized mobile-friendly property websites that load quickly, using Tailwind CSS for styling, which allowed for control around spacing and breakpoint sizes for different viewport sizes. In terms of bot protection, Cloudflare Turnstile was implemented instead of the typical CAPTCHAs found on most websites, as they are far easier for human users to complete. All the lead forms were created and are authenticated by NextAuth.

A prototype working design was delivered 72 hours after the kickoff call with the client. The full production build was launched 30 days after the first conversation with the client and was live on the web. No phased rollout here. Just a fast build, test in production, and iterate based on actual usage.

One second for pages to load. All lead interactions tracked in real time. Sales responding within hours, not days. Most businesses that develop lead capture functionality take months to gather requirements for and schedule meetings, but in reality, most such builds don't need to be so overthought and can be built quickly to be put through their paces in live production to fine-tune.

From Technical Liability to Sales Engine

Prior to the launch of the platform, the time it took for a page to load was averaging around 3 seconds. This, along with other various factors, was actively killing deals. By launching the site with mobile-optimized semantic HTML, the organic traffic increased 100% and immediately doubled the top of the funnel without spending a dime on paid ads. More importantly, the speed-to-lead decreased from over 24 hours to under 2 hours.

All touchpoints on the site were hooked up to HubSpot. Form submissions, PDF downloads, confidentiality agreement signatures, etc. All of the contacts and custom objects in HubSpot get updated in real time. So every time someone requests financials for a deal, or signs an NDA to get into the deal room, the salesperson gets notified right away. This is as opposed to having to export all of the leads from the site in a CSV and then doing a daily batch job to update a database that sales uses.

This changed the quality of the gated workflow drastically for lead quality.

Less admin for sales means higher quality leads from the gated workflow of the site. Want the offering memorandum? Sign the confidentiality agreement first. Want access to the deal room? The system already has the verified email and executed NDA sitting in S3.

The interactive property map was a big hit. Rather than a static list of properties on a page, users could click on a pin and view all of the property details as well as download all of the related documents. In addition, closed deals would remain on the map forever as proof of what was completed. An admin CMS was also built out to allow the sales force to add new properties as needed. Rather than having to open a support ticket and wait for a developer to add a new property to the site, they could add it themselves immediately.

From launch to production in 30 days - no development of a secondary system with a long wait period for launch. A competitive edge instead of an embarrassment, enabling the brokerage to return qualified leads quickly and cleanly to sales before interest wanes.

Turning a Website Into a Competitive Advantage

A slow website and poor navigation is causing brokerages to lose out on deals to competitors, who are closing them instead. The margin between a website that is "good enough" and one that actually converts leads from properties into buyer leads is smaller than most think, and it is showing up in pipelines - either the brokerage's or their competitors'.

This site was built with the singular purpose of converting property data into qualified buyer leads. And it actually does. For brokerages with a web presence that is stifling progress, building a site that converts can address these challenges.

A discovery conversation can clarify what it would take to elevate a brokerage's digital presence and turn it into a revenue driver.

Have a project like this?

We help growing businesses implement CRM, build custom software, and deploy AI tools that actually work.

Book a Discovery Call