Executive Summary
The big picture
Autobahn Solutions Ltd is an independent specialist workshop for European and premium vehicles in Tejgaon, Dhaka. This website is built to do one commercial job well: be found by owners actively searching for specialist help — diagnostics, ECU coding, electrical faults, hybrid batteries, brand repair — and convert that intent into a real enquiry.
31
Indexed pages (sitemap)
12+
Brand & service pages
4
Diagnostic case studies
AWS
S3 + CloudFront hosting
What was delivered
| Goal | Outcome |
|---|---|
| Own specialist search | A hub-and-spoke architecture of brand, service, high-intent and location pages targeting specialist, high-margin intent — not price-shopper head terms. |
| Be understood by machines | Deep, cross-linked structured data (AutoRepair, Service, FAQ, Breadcrumb, Article, Speakable) so Google, Bing and AI assistants can read and cite the business. |
| Convert intent to leads | WhatsApp, click-to-call and a validated Book-a-Service form, with GA4 lead-event tracking on every conversion path. |
| Prove credibility (EEAT) | Real diagnostic case studies, brand-specialist depth, transparent process, and a Google-reviews surface. |
| Reach the whole search surface | AI-crawler allow-list, llms.txt, Speakable schema and IndexNow — ready for Bing, Apple and answer engines, not just Google. |
| Ship cheaply & reliably | A hand-crafted static site on S3 + CloudFront with automated CI/CD — near-zero running cost, fast global delivery. |
In one line: a specialist, machine-readable, conversion-first website — measuring a perfect 100 for SEO and 96 for Best Practices on Google Lighthouse — built to generate qualified leads rather than vanity traffic.
Platform Overview
How it's built & why
The site is a hand-crafted static website — plain HTML, Bootstrap 5 for a consistent responsive UI, and vanilla JavaScript, delivered as a Progressive Web App (installable, works offline). It's served from Amazon S3 behind CloudFront, so pages load fast worldwide and hosting costs are minimal.
A framework/SSG was deliberately not used at this size: for a focused, mostly-static marketing site, hand-authored HTML keeps the toolchain simple and the output lean, while Bootstrap accelerates delivery. (The project docs set a clear rule to graduate to a static-site generator once the blog launches or the page count grows — the right tool at the right time.)
Deployment architecture (high level)
GitHubsource (PRs)
→
GitHub Actionsdeploy on merge
→
Amazon S3static origin
→
CloudFrontglobal CDN · HTTPS
→
Visitorsworldwide
Each deploy also invalidates the CDN cache and pings IndexNow (Bing/Yandex) with changed URLs. A CloudFront function enforces www→apex and clean folder URLs.
Design philosophy
| Principle | What it means for Autobahn |
|---|---|
| Specialist, not generic | Every page speaks to a specific brand, service or fault — the depth a dealer or generic garage doesn't publish. |
| Machine-readable first | Rich schema and clean semantics so search engines and AI assistants can understand and recommend the business. |
| Conversion in reach | WhatsApp / call / book actions sit above the fold and in a persistent floating button on every page. |
| Honest & credible | Real case studies and process content; no fabricated data — an EEAT-safe foundation. |
Experience approach
A fast, mobile-first experience with a light/dark theme (remembered per visitor, with flash-free first paint), a real-photo gallery + lightbox, an accessible reviews carousel, a brands marquee, and subtle scroll animations — all hand-built with no heavy libraries.
Features & Capabilities
Everything that was delivered
A complete inventory across search, content, conversion, UX, performance, accessibility and operations. Expand each area for detail.
Pages & content types
| Type | What it covers |
|---|---|
| Homepage | Specialist positioning, brands, services, process, reviews, contact — with the richest structured data. |
| Service & brand pages | BMW / Mercedes / Audi / Toyota / Honda / Mazda + diagnostics, ECU coding, hybrid — each with FAQ & Service schema. |
| High-intent spokes | Root-level pages like /bmw-diagnostics-dhaka/, /hybrid-battery-repair-dhaka/ — precise, high-margin intent. |
| Location pages | Tejgaon, Gulshan, Banani, Uttara — local relevance with areaServed schema. |
| Case studies | 4 real diagnostic write-ups (BMW drivetrain, Mercedes air-suspension, Audi BCM2, Prius P0AA6) with Article schema. |
| Company & utility | About, Gallery, FAQ, Contact, and a dedicated Book-a-Service page. |
Capabilities by area
Many of these work quietly behind the scenes but add real commercial value.
Search visibility & structured data (SEO) 12 items
| Per-page titles & meta descriptions | Unique, intent-matched, location-suffixed on all 31 pages. |
| Canonical URLs | Self-referential on every page; consolidates ranking signals. |
| Open Graph & Twitter cards | Branded previews when shared (incl. 1200×1200 image). |
| Geo meta | Region/placename/position for Dhaka relevance. |
| Rich JSON-LD | AutoRepair (LocalBusiness), Organization, WebSite, Service, BreadcrumbList, FAQPage, Article, ItemList, About/Contact page, ReserveAction — cross-linked by @id. |
| Speakable schema | Marks FAQ answers for voice assistants. |
| XML sitemap | 31 URLs with lastmod and a tiered priority scheme. |
| robots.txt | Wildcard allow + explicit allow-lists for search, Apple and ~20 AI crawlers. |
| IndexNow | Changed URLs pushed to Bing/Yandex on every deploy. |
| llms.txt | A curated, machine-readable index of the business for AI assistants. |
| Breadcrumbs | Visible + BreadcrumbList schema on every subpage. |
| Perfect SEO score | Lighthouse SEO 100 — verified live. Measured |
Local SEO & maps 6 items
| Consistent NAP | Name/address/phone identical across schema, footer and content. |
| Location pages | Tejgaon (HQ) + Gulshan / Banani / Uttara for the affluent catchment areas. |
| Service-area schema | areaServed City/Place nodes reinforce local intent. |
| Opening-hours schema | Structured hours (Sun–Thu, 9–6) for rich results & maps. |
| Google Maps embed | Lazy-loaded workshop location on the homepage. |
| GBP-aligned | Schema references the verified Google Business listing (CID). |
Conversion & lead generation 7 items
| WhatsApp deep links | One-tap chat with a pre-filled, per-service message. |
| Click-to-call | tel: links in nav, hero, contact, footer and the floating button. |
| Floating action button | Persistent, collapsible Email / WhatsApp / Call on every page. |
| Book-a-Service form | Multi-step, validated (BD phone pattern), with honeypot + time-trap spam protection, posting to a Google Apps Script backend that emails a confirmation. |
| GA4 lead tracking | generate_lead events fire on WhatsApp / call / email / booking — every conversion is measurable. |
| Above-the-fold CTAs | WhatsApp + call on the hero of every commercial page. |
| ReserveAction schema | Marks the booking flow for search engines. |
UX & interaction 8 items
| Light/dark theme | Toggle with saved preference + system detection; flash-free first paint. |
| Reviews carousel | Custom, accessible slider of real Google reviews (swipe, keyboard, autoplay pauses on hover/hidden). |
| Service-packages carousel | Auto-advancing showcase with a custom preview effect. |
| Gallery + lightbox | Real workshop photos (plates blurred) in a hand-built, keyboard/touch-friendly lightbox. |
| Brands marquee | Seamless infinite logo strip, pauses on hover. |
| Scroll animations | Subtle reveal-on-scroll (respects reduced-motion). |
| Responsive navigation | Sticky navbar with scroll-spy and mobile menu. |
| No heavy libraries | All interactions are vanilla JS — lean and fast. |
Performance engineering 7 items
| WebP imagery | All photos served as WebP; icons as SVG. |
| Responsive hero | Orientation-aware <picture> (portrait/landscape sources). |
| Lazy loading + CLS control | Below-the-fold images lazy-load with explicit dimensions; hero is fetchpriority:high. |
| Service-worker caching | Network-first for pages (fresh content) with offline fallback; cache-first for assets. |
| Resource hints | preconnect/dns-prefetch for fonts, CDN and analytics. |
| Deferred JS | All scripts deferred; analytics async — no render-blocking first-party JS. |
| Global CDN | CloudFront edge delivery + compression. |
Accessibility 7 items
| Semantic HTML | Landmarks, headings, figure/figcaption, ordered-list breadcrumbs. |
| ARIA on interactions | Carousels, lightbox (role=dialog), and a live-region for form status. |
| Keyboard support | Arrow/Escape in carousels & lightbox; Enter/Space on the theme toggle. |
| Reduced-motion | Animations/autoplay disabled when the user prefers reduced motion. |
| Form accessibility | Labels, aria-describedby, focus-first-invalid on submit. |
| Decorative images hidden | Background/hero decoration marked aria-hidden. |
| Refinement on the roadmap | Lighthouse Accessibility is 80 today; contrast & label polish is roadmapped (see Performance). Measured |
AI-search readiness 5 items
| AI-crawler allow-list | ~20 AI/answer-engine bots explicitly allowed (GPTBot, ClaudeBot, PerplexityBot, Google-Extended, Applebot, CCBot…). |
| llms.txt | Curated business facts + grouped links for AI assistants. |
| Speakable schema | Voice-assistant-friendly FAQ answers. |
| FAQ schema everywhere | Citable Q&A on nearly every page. |
| IndexNow | Instant push to Bing & downstream AI surfaces on deploy. |
Deployment & operations 6 items
| Automated CI/CD | Merge to main → GitHub Actions deploys to S3 & invalidates CloudFront (waits for completion). |
| IndexNow on deploy | Diffs changed URLs and pings search engines automatically. |
| Clean URLs + canonical host | CloudFront function: www→apex 301 and folder→index.html. |
| PWA versioned cache | Service-worker cache is versioned; old caches purged on update. |
| PR-based workflow | Every change shipped via reviewed pull requests (11 merged). |
| Analytics & Search Console | GA4 with lead events; Google Search Console verified via DNS. |
Performance Report
Measured quality — an honest picture
Scores from Google Lighthouse v12 run against the live homepage (June 2026). These are real lab measurements, presented as-is. Higher is better; 90+ is "good".
Lighthouse — live homepage (desktop)
84
Performance
desktop
80
Accessibility
desktop
96
Best Practices
desktop
100
SEO
desktop
Mobile profile (throttled): Performance 72 · Accessibility 75 · Best Practices 96 · SEO 100. Measured
Core Web Vitals Measured (live)
| Metric | Desktop | Mobile | Google "good" |
|---|---|---|---|
| Largest Contentful Paint (hero appears) | 2.0 s ✅ | 5.6 s ⚠️ | < 2.5 s |
| First Contentful Paint | 1.3 s ✅ | 2.5 s | < 1.8 s |
| Cumulative Layout Shift (stability) | 0.009 ✅ | 0.00 ✅ | < 0.10 |
| Total Blocking Time (responsiveness) | 0 ms ✅ | 160 ms ✅ | < 200 ms |
| Speed Index | 1.8 s ✅ | 3.9 s | < 3.4 s |
~2.0 MB
Homepage transfer (desktop)
569
DOM elements
0.009
Layout shift (excellent)
100
SEO score
What's strong, and what's next
| Area | Assessment |
|---|---|
| SEO & Best Practices | Excellent — 100 and 96. Clean semantics, HTTPS, correct structured data, no console errors. |
| Stability & responsiveness | Excellent — near-zero layout shift and 0 ms blocking on desktop (image dimensions reserved, JS deferred). |
| Desktop speed | Good (84) — content visible in ~2 s. |
| Mobile speed roadmap | The clearest opportunity: a ~5.6 s mobile LCP driven by hero-image weight, render-blocking Google-Fonts/Bootstrap from CDN, and unminified first-party CSS/JS. Roadmapped fixes below target 90+. |
| Accessibility roadmap | Solid patterns in place (ARIA, keyboard, reduced-motion); the 80/75 score reflects colour-contrast and a few label/name refinements — all addressable. |
Optimisation roadmap (already scoped in the project docs): self-host & subset fonts, purge unused Bootstrap CSS, minify first-party CSS/JS, add AVIF + tighter hero compression, and an accessibility contrast/label pass. Observation
Business Value
What it's worth to the business
Specialist positioning
Wins high-intent, high-margin searches competitors can't credibly claim — depth over volume.
Lead generation
WhatsApp, call and booking on every page — with GA4 lead tracking to prove ROI.
Local dominance
Location pages + service-area schema + maps target the affluent Dhaka catchment and the map pack.
EEAT foundation
Real case studies, brand depth and a reviews surface build the trust premium buyers need.
AI-search citability
Structured, allow-listed, llms.txt-indexed content positions the brand to be named by AI assistants.
Low-cost operations
Static hosting on S3 + CloudFront with automated deploys — minimal running cost, no servers.
Risks reduced
| Risk | How the site reduces it |
|---|---|
| Invisible in search | Perfect technical SEO, deep schema, sitemap + IndexNow, AI-crawler access. |
| Competing on price | Specialist, problem-level content that attracts qualified buyers, not bargain-hunters. |
| Losing mobile visitors | Stable, responsive, installable PWA with offline fallback (with a mobile-speed roadmap). |
| Untracked marketing | GA4 lead events on every conversion path make spend accountable. |
| High running cost / downtime | Serverless static hosting on a resilient global CDN. |
| Being left behind by AI search | Bing/Apple/AI-assistant readiness built in from the start. |
For the client: this is a lead-generating asset engineered around specificity — the one advantage a focused independent workshop has over dealers and generic garages — and it's ready for the search landscape as it shifts toward AI.
Methodology & Roadmap
How these results were measured
- Scores & speed: Google Lighthouse v12, run against the live homepage (
autobahnsolution.com) on desktop and simulated-mobile profiles — lab measurements. Measured - Page weight / DOM / requests: measured directly from the live page load. Measured
- Page & schema counts: from the production sitemap and source. Measured
- Optimisation notes: engineering observations + items already scoped in the project's own docs. Observation
- No traffic/ranking figures are quoted — early-stage estimates are unvalidated, so this report features only verifiable build/quality facts.
Roadmap
| Opportunity | Benefit |
|---|---|
| Mobile-speed pass (self-host fonts, purge/minify CSS-JS, AVIF) | Target Performance 90+ on mobile; faster LCP. |
| Accessibility pass (contrast + labels) | Push Accessibility toward 95+; broader reach. |
| More brand/location pages (Porsche, Jaguar, Volvo; further areas) | Wider specialist & local coverage. |
| Blog / knowledge cluster | Problem-level content for long-tail + AI citations (triggers the move to an SSG). |
| Privacy & Terms pages | Complete the footer legal links. |
| Owner inputs: real reviews, GBP photos, EEAT figures | Strengthen trust signals and local ranking. |
These are growth steps — the delivered website is live and working today.