Republic Ranches

  • WordPress
  • Google Maps API
  • PHP
  • ES6
  • SCSS
  • ACF
  • AWS S3
Screenshot of Republic Ranches

Republic Ranches is one of Texas’s largest land and ranch brokerages, with listings across the US and international partner properties. I built the site at Gray Digital Group through a full redesign engagement that began with several rounds of wireframes before locking in a direction. The first challenge was infrastructure: the client handed us a hard drive with twenty gigabytes of listing images. I wrote a batch optimization script to process the backlog, set a 200KB cap with automatic WebP conversion for all new uploads, and offloaded the entire media library to AWS S3 using a WordPress plugin that routes uploads there automatically. That kept the server lean with just WordPress and its database, so new listings could go live without touching file size or server capacity.

The homepage opens with a full-width background video and the company mission statement overlaid. The main navigation uses dropdown menus structured around the property hierarchy: property area, interactive map, and state and sub-region levels within Texas. The featured property carousel uses Slick.js. Slick has a known animation glitch where looping back to the first item causes a visible bump in the transition; I modified the JavaScript so that glitch does not occur when scrolling forward. The active center property scales up slightly as you move through. Below the carousel is a property pre-filter: choose a state, a region, and a county, click Find Properties, and it hands that selection to the interactive map pre-filtered to that exact view. My favorite part of the homepage is the “What We Do” section: a ribbon fills one half of the layout with two cards laying over a background image on the other.

"What We Do" section on the Republic Ranches homepage

The interactive map was the most technically interesting part of the build. Properties are a custom post type in WordPress. When a property is saved, a script automatically writes a static JSON file to the server rather than routing data through the WordPress REST API at runtime, which was too slow for the number of simultaneous map interactions we expected. The JSON feeds a Google Maps integration where Texas is divided into named regions (High Plains, Rolling Plains, North Texas, South Texas, and others), each labeled directly on the map. Outside Texas, only state lines appear. As you zoom in, the sidebar list auto-filters to the properties within the current viewport. List mode swaps the map for a scrollable grid with all filters still active. Filtering stacks: state, then region, then county, plus text search by property name, sort options (high price, low price, high acreage, low acreage), and a clear button. Featured properties pin to the top of the sidebar list. Sold properties and Faye Ranches partner listings each have their own icon.

Republic Ranches interactive property map on initial load

Interactive map zoomed in with property pin marker visible

Property pages open with a full gallery. Images wider than the carousel can be panned left, right, up, or down depending on the aspect ratio. A grid button opens all images in a modal; a maximize button expands the gallery to fill the full top section of the page. Breadcrumbs trace the full location hierarchy from the current property up through county, region, state, and back to the global property search. That hierarchy is reflected in the URL structure, so a listing’s URL reads domain/properties/texas/east-texas/henderson, communicating location context even when shared on social media before the page loads. On the right, a sticky detail card has anchor buttons that jump to the assigned associate, social sharing, a video embed, an interactive map embed, and ACF repeater fields for topography, wildlife, agriculture, improvements, water, electricity, area history, and a catch-all for anything else. Property attributes are clickable tags: clicking “Quail” or “Cattle” takes you to a filtered listing of every property sharing that attribute.

Republic Ranches property detail page with gallery, breadcrumbs, sidebar, and associate card

The team listing page is filterable by state, city, or license location. Selecting a filter animates the grid down to only the matching associates. Each associate has a detail page with a photo, bio, contact information, a contact form, any featured articles they have written, and any properties assigned to them. That same page is linked from the associate card on every property page.

Republic Ranches associates listing page with state, city, and license filters

Republic Ranches associate detail page with photo, contact information, and contact form

Impact: Page loads reduced from 3-5 seconds to 1-2 seconds. Image library reduced from 20GB to 8GB with automated WebP conversion and a 200KB upload cap routed to AWS S3. Location-based URL structure and real estate schema markup built into the property hierarchy. The client reported a significant increase in site traffic after the relaunch.

Built at: Gray Digital Group

Team: Jim Aderhold (Project Manager), Aurora Ramirez (Account Executive), Blake Cerecero (Designer/Developer)

Looking for a senior developer? I'm open to new opportunities (opens in a new tab) or send an email .

More Case Studies

Screenshot of San Antonio Legal Services Association

San Antonio Legal Services Association

  • WordPress
  • PHP
  • Gutenberg
  • Legal Server API
  • Events Calendar Pro
  • Gravity Forms
  • WP Rocket
  • Cloudflare
Screenshot of Touch Point Media

Touch Point Media

  • WordPress
  • PHP
  • Seriously Simple Podcasting
  • Foundation for Sites
  • Gravity Forms
  • Superfish
  • WP Rocket
  • Cloudflare
Screenshot of Be Something Amazing

Be Something Amazing

  • Drupal 7
  • PHP
  • MixItUp
  • SCSS