Attract
Draw the right car owners to your shop using local SEO, content, and social proof.
Learn more →Section 1 — Brand
Section 2 — Tokens
--color-primary#12AAEB--color-navy#001A2E--color-cta#EF4444--color-text-body#5C5C5C--color-text-dark#2C2C2C--color-white#FFFFFFSurfaces & Borders
--surface-subtle#FAFBFC--surface-muted#F5F8FA--surface-strong#ECF1F4--border-default#D5DBE1Semantic
--color-success#16A34A--color-warning#F59E0B--color-error#DC2626--color-info#12AAEBSection 3 — Tokens
H1 Default — clamp 36–72px / Light 300
H1 Display — landing pages / 800 ExtraBold
H2 — 44px / Light 300
H3 — 28px / Semibold 600
H4 — 20px / Semibold 600
Body — Open Sans 400 / 16px
Body — Open Sans 400, 16px. The workhorse for paragraphs and long-form copy.
Small / label — 13px muted · Eyebrow — 12px bold uppercase cyan
Small / label — 13px muted
Eyebrow — 12px bold uppercase cyan
Button — 15px bold uppercase
Book Strategy Call
1. Bold inline — <strong>
2. Color highlight — .highlight
3. Underline accent — .underline-accent
4. Highlight block — .highlight-block
Section 4 — Tokens
Section 5 — Tokens
--space-2xs4pxmicro-gaps in chips/icons--space-xs8pxicon ↔ text padding--space-sm16pxinternal element padding--space-md24pxbetween elements--space-md-plus32pxcard padding--space-lg40pxsection padding--space-xl64pxbetween sections--space-2xl96pxhero / large rhythmMax widths — Content container 1200px · Readable text blocks 680px
Section 6 — Tokens
--shadow-xsHairline outlines--shadow-smResting cards--shadow-mdRaised / hovered--shadow-lgModals, popovers--shadow-navSticky nav barBorder Radius
Section 8 — Components
Section 9 — Components
Three card types, each a distinct conversion purpose.
Draw the right car owners to your shop using local SEO, content, and social proof.
Learn more →"Since the rebuild our shop books out three weeks ahead — without me touching marketing once."
Owner, Hollis Auto & Tire
See exactly where your shop stands on Google in 15 minutes.
Download NowSection 10 — Components
The live sticky nav is the bar at the top of this page. Desktop + mobile mockups:
↑ Desktop (top) and mobile expanded (bottom). Mobile toggle is handled by the live Header; this shows the visual pattern.
A. Dark Hero — best for premium service brands
For auto repair shops
One setup, then the best marketing in your area runs on auto for 12 months.
B. Light Hero — best for clean, trust-first pages
For auto repair shops
One setup, then the best marketing in your area runs on auto for 12 months.
C. Centered Conversion — best for single-CTA landing pages
For auto repair shops
One setup, then the best marketing in your area runs on auto for 12 months.
D. Card Overlap — best for photo-led, mobile-first
For auto repair shops
One setup, then the best marketing in your area runs on auto for 12 months.
E. Polaroid StackRECOMMENDED — best for founder / local credibility
For auto repair shops
One setup, then the best marketing in your area runs on auto for 12 months.
F. Editorial Asymmetric — best for story-driven brands
For auto repair shops
One setup, then the best marketing in your area runs on auto for 12 months.
G. Brand Block 50/50 — best for bold, photo-half heroes
For auto repair shops
One setup, then the best marketing in your area runs on auto for 12 months.
Section 12 — Patterns
Three reusable layout patterns for the page body. Alternate backgrounds (white ↔ light gray) to create visual rhythm.
A. Alternating image + text
Step 1
Targeted local content and SEO draw drivers who already need a mechanic — no cold outreach.
Step 2
Turn anonymous visitors into booked jobs with a frictionless first-visit offer.
B. Feature grid (3 columns)
Draw qualified prospects with targeted content.
Convert visitors with high-value lead magnets.
Build trust automatically with email sequences.
C. Testimonial row
"3–5 qualified leads every week without paid ads."
"The methodology transformed how we think about our website."
Section 13 — Patterns
Section 14 — Patterns
A. Icon cards (default) — light, scannable
Conversion-optimised websites built around a proven 8-step funnel. Replaces brochure sites that don't sell.
Learn moreRank where your customers are looking — Google Maps, Search, and the AI overviews that are eating clicks.
Learn moreCapture cold prospects with a high-value free offer, then nurture them into booked calls automatically.
Learn moreB. Photo cards (immersive) — tall portrait photo
Section 15 — Patterns
Pure-numbers social proof. One row, four metrics. Use it once per page, immediately above or below the hero.
A. Dark (default)
B. Light
Section 16 — Patterns
A. Compact (homepage)
One shop per service area.
Tell us about your shop.
Everything scheduled and live.
B. Detailed (dedicated page)
One shop per service area.
Tell us about your shop.
Everything scheduled and live.
Section 17 — Patterns
Three-tier card layout. Middle card is the recommended choice — featured with a badge and lifted with primary border.
For solo operators getting their first real website.
Our standard package. What 80% of clients choose.
For multi-location businesses ready to dominate.
Section 18 — Patterns
Risk-reversal block. A single bold promise — or the brand's three-layer composition — framed as a card.
A. Single promise (canonical risk-reversal card)
We keep working at no charge until your Google Business Profile is climbing and the reviews land.
B. Full-Bay Triple Guarantee (brand composition)
We carry the risk, three ways:
Every asset built or full refund.
25+ reviews in 90 days or we work free.
$5,000 tracked by month 12 or we work free.
The risk is ours.
Section 19 — Patterns
Mid-page conversion interrupt. Big headline, one or two buttons, alternates between primary cyan and dark navy. Use once per long page.
A. Cyan (default) — Loud, grabs attention mid-content
B. Navy — Restrained, for pages already using cyan in the hero
C. Photo background — Desaturated photo + dark overlay, use sparingly
Section 20 — Patterns
Two-column trade: free download cover on the left, capture context on the right. The button triggers the popup form (Section 39).
A. Book cover (gradient) — Pure CSS, no asset production needed · works for any new lead magnet
Learn the 8 steps that turn a cold visitor into a booked call — with copy templates, page wireframes, and the email sequence we use word-for-word.
B. Device mockup (recommended) — CSS-only laptop · feels tangible · no third-party image dependency
Learn the 8 steps that turn a cold visitor into a booked call — with copy templates, page wireframes, and the email sequence we use word-for-word.
Section 21 — Patterns
Three written testimonials with stars, quote, name, and role. Real names of real people in your customer's industry.
Within six weeks of the new site going live, we went from 3 enquiries a week to 11. The funnel approach actually works — we're booked out two months.
We'd been with three other agencies. None of them measured anything. SDW set up tracking on day one and now I can tell exactly which page is making me money.
The lead magnet idea sounded gimmicky to me. It's now responsible for 60% of our new client pipeline. Should have done it five years ago.
Section 22 — Patterns
A Grand Rapids shop layered a front-end offer over local SEO and review automation. Published industry result.
Published industry result · not our client
A multi-location franchise rebuilt its funnel around Google and win-back campaigns. Published industry result.
Published industry result · not our client
Section 23 — Patterns
Full-width navy band with a bold headline and a horizontal row of branded result cards. Use as a proof anchor before the final CTA.
Published industry result · not our client
Published industry result · not our client
Published industry result · not our client
Published industry result · not our client
Published industry result · not our client
Published industry result · not our client
Section 24 — Patterns
| What you get | Full Bays Year-Round | Marketing Agency | In-House Hire |
|---|---|---|---|
| Done-for-you | Yes | Sometimes | No |
| 25+ reviews in 90 days | Yes | No | No |
| You own everything | Yes | No | Yes |
| No monthly retainer | Yes | No | No |
| Results tracked to revenue | Yes | Sometimes | No |
| Total first-year cost | $5,000 once | $30k+/yr | $60k+ salary |
Section 25 — Patterns
One fee, including the software for 12 months.
Reviews and win-back start in the first few weeks.
That's what the Triple Guarantee is for.
Section 26 — Patterns
The real answer on review counts: the trust cliff, why recency beats volume, and how to ask without feeling awkward.
Read article →Inside the 8 seconds a driver spends choosing a mechanic from the map — and how to win them.
Read article →How the front-end offer model fills bays and turns first-time visitors into regulars.
Read article →Section 27 — Patterns
A. Icon tiles (8 · 4×2 grid)
B. Photo strip (immersive)
Section 28 — Pages
For 10 years I ran local marketing for auto shops by hand. The pattern never changed: money out, no idea what came back.
So I systemized it into one done-for-you year. Every result tracked, and the shop owns everything.
Section 29 — Pages
Free 15-minute call. No prep needed — we'll share screen and walk through your Google profile, reviews, and site together.
Section 30 — Patterns
Section 31 — Patterns
Trusted by 200+ independent auto repair shops
Trusted by 200+ independent auto repair shops
Section 32 — Patterns
A. Hero Loom (16:10 explainer)
B. Video testimonial cards (9:16)
C. Case study walkthrough (16:9)
Section 33 — Patterns
A. Top scarcity banners (stacked)
B. Spots-remaining pill (next to a CTA)
C. Countdown timer
Section 34 — Patterns
Section 35 — Patterns
The biggest single conversion lift for local service businesses lives on mobile: sticky bottom CTA, drawer nav, mobile-first hero.
A complete year of done-for-you marketing — no agency retainer.
Claim Your Area↑ Live sticky CTA — fixed to the viewport bottom on mobile.
Section 36 — Components
A. Validation states
B. Multi-step booking flow
C. File upload (drag-drop)
D. Booking embed wrapper
E. Production lead form
Section 37 — Patterns
Section 38 — Patterns
Two variants. Dark (navy) is the live default — also rendered at the very bottom of this page.
A. Dark (default)
B. Light
Section 39 — Components
The 15-minute Google checkup for your shop.