ATD Automotive
Static marketing site for Dan, who runs a mobile car servicing business in New Plymouth. He needed something simple, fast, and cheap to maintain. No CMS, no database, no hosting fees.
Visit site →The brief
Dan does WOF pre- and post-checks, servicing, and mechanical repairs from his workshop in New Plymouth. This is a new venture for him coming from the working grind, and his marketing strategy was boots-on-pavement flyers. On a spare moment, I took the flyer and ran the whole project end-to-end; domain acquisition, build, deployment, and ongoing tweaks. Having the knowing that if you can't find someone online, trust can't be formed.
He needed:
- A simple, professional presence that showed up on Google
- Contact details front and center (phone, email, service area)
- No to low cost ongoing
- Something he could hand off and forget about
What we built
A single-page static site. No server, no build step, just HTML, CSS, and a bit of vanilla JavaScript for smooth scrolling.
Plain HTML, CSS, JavaScript. No framework, no bundler. One .html file, one .css file, one .js file.
GitHub Pages (free tier) has its drawbacks: the repo has to be public, and it's difficult to make changes and test.
But it auto-deploys on push to main. For Dan, simple is better.
Porkbun. Registered domain, pointed DNS to GitHub Pages. Total cost: ~$15/year.
Google Search Console for indexing, Open Graph tags for link previews, semantic HTML for structure. No plugins, no tracking scripts.
The boring details
- Lighthouse score: 97 Performance · 98 Accessibility · 100 Best Practices · 100 SEO (mobile, incognito)
- Total page weight: ~26 KB uncompressed (HTML + CSS + JS), ~8 KB gzipped, fonts excluded
- Fonts: Oswald and Open Sans via Google Fonts
- Images: No raster images. An inline SVG icon sprite handles every UI affordance: phone, mail, pin, clock, shield.
- Palette: dark grey (
#1c1c1c), red (#d42b2b), white (#f5f5f5), driven by CSS custom properties. - JavaScript: ~4.7 KB of vanilla JS: tap-to-reveal phone (anti-spam), the footer year, and a Google reviews loader. No third-party trackers.
- Forms: None. Contact is a
mailto:link and the tap-to-reveal phone.
Since launch
The biggest update has been pulling Dan's Google reviews onto the page. This is a wee trial with google cloud structure. Providing social proof for visitors who don't know him yet.
Beyond that, I've kept the shape the same: raw HTML, no framework, no bundler.
The site grows as the business does. New service area, maybe a fresh photo from the workshop. I'm rooting for Dan's success.
Results
- Site went live in March 2026
- Indexed by Google within 48 hours (submitted via Search Console)