LOCKSTEPWEBSITE CONCEPTView demo

PREPARED FOR LOCKSTEP · SEPTEMBER 21, 2026

A stronger first impression.
A clearer next step.

Lockstep already has a story worth telling: veteran ownership, automotive experience and a local shop people can contact directly. This concept brings that story and the estimate request into focus.

See the working redesign

01 / THE OPPORTUNITY

Make it easier to choose the next step.

A page that fits the phone.

At a 390px browser viewport, the live homepage’s hero heading and About Us button extended beyond the visible area. The concept keeps the message and contact actions within the screen.

Homepage reviewed

One clear set of hours.

The location page’s indexed/source content includes a 5:00pm weekday close, while its visible footer shows 5:30pm. Confirming the correct hours would give visitors a consistent answer before they travel.

Location page reviewed

Bring the services forward.

The current hero directs visitors to About Us. This design leads with estimates, calling, and three concise service groups. A matching estimate page connects visitors to the existing submission form.

Services reviewed

02 / THE DIRECTION

Recognizably Lockstep. Ready for the road.

A navy foundation, blue and orange accents drawn from the existing identity, direct typography and room for the work to speak. The live build adapts this visual direction to desktop and phone screens.

Generated design direction showing a dark automotive homepage with orange estimate button and three service groups

Generated visual concept. The car and workshop are illustrative, not photographs of Lockstep. The working demo uses real HTML, responsive layouts and working links.

03 / PROPOSED SCOPE

A focused website refresh.

What the refresh covers

  • Responsive homepage plus dedicated team, service, location and estimate pages.
  • Prominent estimate requests and mobile call access.
  • Shop story, team links, location and confirmed hours.
  • Consistent public contact information.
  • Accessible navigation, image optimization and page metadata.
  • Desktop and mobile browser checks before launch.

Decisions before production

  • Confirm weekday hours and the preferred email address.
  • Approve service details and supply approved shop/team photography.
  • Confirm the estimate form’s owner and delivery process.
  • Agree on content, hosting, maintenance, price and delivery schedule.
  • Approve domain access, redirects and launch separately.

This is a discussion proposal, not a quote or a delivery commitment. No production website settings have been changed.

04 / NEXT STEP

Walk through it together.

Open the demo on your phone, try the navigation, and look at how the services and contact options feel. Reply to the person who shared this proposal to arrange a short walkthrough and discuss a final scope.

Open the demo