The Challenge
SiteSage / Landchecks is a premium land intelligence platform designed to help developers and real estate investors find off-market land deals and monitor opportunities 24/7. However, the original search portal (available in the initial prototype version) was packed...s packed with a dense, confusing layout of database filters, input textboxes, and toggles.
Real estate developers and land scouts experienced high cognitive friction when trying to input acreage parameters, zoning rules, and parcel constraints. The lack of visual hierarchy and smooth map feedback led to high lookup times and drop-offs.
The Solution
We conducted a thorough UX strategy and front-end layout redesign to streamline the opportunity locator interface:
- GIS Layout Optimization: Structured the portal into a clean split-pane viewport, pinning the interactive Leaflet map to the main canvas and placing complex filters into a collapsible, organized floating control panel.
- Parameter Classification: Categorized dozens of raw database inputs into logical groups (e.g. Acreage Sizing, Zoning classifications, Environmental constraints) using toggle switches and custom range sliders instead of manual text inputs.
- Leaflet Map UI Styling: Overrode the default Leaflet map control buttons and marker templates with strict geometric, high-contrast designs. Integrated responsive click/touch handler scripts to make parcel discovery smooth on mobile and tablet screens.
- Checkout Integration: Co-developed the Stripe subscription gateways for the SiteSage pricing modal, building secure serverless redirection parameters.
The Results
The UX redesign significantly improved search efficiency and conversion metrics:
- 50% Reduction in Search Time: Streamlined controls allow developers to apply complex filters and locate matching land parcels in half the time.
- Increased Platform Conversion: Reorganizing the pricing triggers and integrating a secure, visual Stripe modal led to higher conversion rates for premium plan lookups.
- Zero Map Stutter: Shifting the custom styling layer to lightweight CSS custom classes prevented rendering lag on the Leaflet canvas.