01
If it locks, we know it.
A Home / Auto / Business selector swaps the photo, the list of jobs and the main action for each kind of customer: call now at home, get a key quote for a car, request a quote for a building.
Latchline Locksmith Co.WebsiteA website for the lockout moment.
Someone locked out at night doesn't want to browse. The site has one job: get them to the right help, with the price explained before anyone arrives.
- Locksmith
- Webflow CMS
The problem
Locksmith searches are full of lead-generation sites with vague prices and a surprise at the door. A real local locksmith needs to look different within seconds: a real van, a real price range and a clear promise about what happens after the call.
02
No surprises at the door.
Four steps say exactly what happens after the call: you call, you get a price, a marked van arrives, you're back in. It answers the fear that sends people away from locksmith sites.
03
Every pin set.
A pin-tumbler explainer shows the craft behind the brand line, 'Access, restored.' On desktop it scrubs with the scroll; on phones it plays once; with reduced motion it rests in its finished state.
04
Prices and areas, in the open.
A pricing page lists 'from' prices that include the trip, and the service areas, each with its ZIP codes, run on the CMS, so adding a town is a content change, not a redesign.
How it was built
Webflow, with variables for color, type and spacing, a CMS for services and service areas, and native interactions.
- Client-First class naming, so another Webflow designer can pick it up
- Every animation has a resting state that reads correctly with motion off
- Separate pages for home, auto and business customers, pricing, areas, about and contact
- Platform
- Webflow
- System
- Variables for color, type and spacing
- CMS
- Services and service areas
- Naming
- Client-First classes
Want a site like this for your business?
A few questions, or just call. Either way, you're talking to me.