Client project

Results Digital (Project Footprint Map)

A custom interactive map that plots completed jobs, customer reviews, and office locations as branded shield markers on the client's site, giving an agency a visual proof-of-work footprint.

Screenshot 2026-04-18 104045
Year 2026
Role Full-Stack Web Developer
Stack PHP · JavaScript · Leaflet · Google Maps API · Mapbox · Tailwind CSS · JSON · Google Sheets Integration

Results Digital wanted to show their completed work geographically as social proof. I built an interactive map (Leaflet plus Google Maps API) that displays jobs, reviews, and office locations as custom branded markers, integrated into their WordPress site. It turns a flat list of past work into a visual, browsable footprint that builds trust with prospective clients.

Highlights

  • Interactive map with zoom, pan, and click controls
  • Custom shield-style markers with brand theming
  • Three marker categories: Completed Jobs, Customer Reviews, Office Locations
  • Clickable popups with title, address, photo, and links
  • Category filtering system (Jobs, Reviews, Offices)
  • Marker clustering for clean display at low zoom
  • Support for Leaflet, Google Maps, and Mapbox
  • Full admin CMS panel for location management
  • Google Sheets integration as data source
  • JSON-based data structure for fast performance
  • No code edits needed to update markers
  • Mobile responsive design