Project Overview
MLA is a locksmith directory website that enables users to easily find locksmiths near them through postcode, region, or town searches. The site also integrates browser location functionality, allowing users to automatically retrieve their location (with consent) for a more seamless search experience.
Once a search is performed, users can refine results by distance or services, displaying relevant locksmiths with all key details, including contact information, services offered, business hours, and location. This archive page includes pagination and is enhanced with Google Maps API, featuring custom maps and pins for visualizing locksmith locations.
In addition to search functionality, the site includes town, London, and region-specific pages, each leveraging Google Maps to display locksmiths in that area. Each locksmith also has a dedicated profile page, providing detailed information about their services and contact options.
Beyond the directory, the site also features FAQs (using structured data for SEO), blogs, and training sections, allowing locksmiths to request course packs and stay informed about upcoming in-person events.
A major focus of this project was performance and SEO. Every change was tested using Lighthouse to ensure optimal performance. Additionally, caching was implemented using WP Rocket, reducing asset bundle sizes and improving performance scores from 60 to 100.
Key Features
Advanced Locksmith Search: Users can search by postcode, region, town, or locksmith name.
Google Maps API Integration: Custom maps and pins for locksmith locations.
Dynamic Filtering: Sort results by distance or services offered.
Performance Optimisation: Implemented caching and optimised asset loading, improving Lighthouse scores from 60 to 100.
SEO Enhancements: Structured data for FAQs, content optimisations, and caching strategies.
Comprehensive Content Sections: FAQs, blogs, and training resources for locksmiths.
Key Skills
WordPress custom theme and plugin development
ACF Pro for structured and flexible content management
PHP & SQL for backend development and database queries
SCSS & JavaScript for interactive UI enhancements
Google Maps API for location-based features
Performance tuning and SEO best practices