🏢 Commercial Locksmith · South Geelong, Melbourne
Architectural Hardware and Locksmiths
Research Phase
Before writing a single line of code, our research agent studied Detail Locksmiths — their current website, social presence, reviews, team, and services. Here's what stood out.
Perfect 5.0 Google rating from 81 reviews — with recurring themes of professional technicians, fair pricing, and smart lock expertise, including one reviewer praising a technician named Grant for making a new smart lock co-exist with an existing lock and security screen
Part of the larger Detail Hardware (DD Hardware) group operating for 30+ years from Geelong, with Coastal Locksmiths as a sister brand — servicing Melbourne, regional Victoria, and broader Australia from their base at 108 Balliang Street, South Geelong
Offers restricted key duplication at $30 per key plus $15 administration/delivery, requiring written authorised order — one of the few locksmith services with publicly listed pricing, alongside a full suite of electronic key systems with time-based access and permission tracking
Design Phase
Every design decision was intentional — informed by the research, not pulled from a template library.
Visual Direction
A 6-page site with 9 components including a bespoke LockoutTriage interactive tool, Accordion for service FAQs, Counter for trust metrics (30+ years, 81 reviews, 5.0 rating), and FloatingCTA for emergency contact. The route structure covers Residential, Commercial, and Automotive locksmith services on dedicated pages, with an ImageGallery for project showcases and a TestimonialCarousel drawing from verified Google reviews.
Design Rationale
Locksmith customers typically fall into two categories: emergency lockouts needing immediate help, and planned security upgrades requiring trust. The LockoutTriage component addresses the first — guiding panicked users through an interactive flow to the right service. The 5.0 rating from 81 Google reviews is the strongest trust signal in this batch and is prominently surfaced. Separating residential, commercial, and automotive services reflects Detail's positioning as a full-service operation rather than a basic key-cutting shop.
Build Phase
Site Architecture
// Next.js App Router
Methodology
Spark (research agent) scraped Detail Locksmiths's current website, Google reviews, social media, and business listings. Every piece of real data — team names, service pricing, business hours, unique details — was extracted into a structured profile.
Based on the research, a bespoke design direction was created specifically for Detail Locksmiths. No templates — the typography, color palette, layout patterns, and visual effects were all chosen to match this business's personality and industry.
Pixel (design agent) built the entire 6-page Next.js application from scratch — 9 custom components, real content from the research phase, App Router with proper routing, and production-grade code.
Sentinel (QA agent) verified the build compiles cleanly, checked for placeholder content, validated all routes render correctly, and confirmed the design is unique (not recycled from another demo).
Additional Notes
Research drew on 11 sources achieving medium data completeness. The DD Hardware official website provided the richest data including service descriptions, team profiles (Matt Payne as MD, Jason Bowers since 1998, Chris High with 20+ years), and trading hours. Google Maps confirmed the perfect 5.0 rating from 81 reviews with selected review quotes. Brave Search API limits prevented deeper directory research. Yellow Pages confirmed a separate 5-star rating with 1 review.
For Reference
Detail Locksmiths's current website: www.ddhardware.com.au
More from the experiment
This case study is part of the AI Web Lab — a 30-day experiment where AI agents build bespoke websites for real Melbourne businesses. Every site is researched, designed, and built from scratch by a team of five specialist AI agents. The full methodology, code, and results are documented transparently.
This study is being prepared for publication as part of a research paper on AI-assisted web development at scale.
We built Detail Locksmiths's site in 10 minutes. Same process, same quality — a custom website built for you, not a template.