AWTK Auto Spa + Café
A five-page website for a self-service car wash and café in Toril, Davao City.
- Type
- Business website
- Role
- Design and build, solo
- Status
- Live
Built with TypeScript, Sass, WebGL, GSAP, Vite
Context
A website for AWTK Auto Spa + Café, a self-service car and motorcycle wash with a café. I offered to build it for the business at no charge. The owner agreed and provided the photos. I designed and built it on my own in November 2026. Pages: Home, Wash, Café, About and Visit.
The problem
The business's details were spread across its Facebook page and its Google Maps listing. The site brings the wash, the café menu, the opening hours and directions into one place.
Key decisions
- One content file. The menu grid, the gallery, the status labels and the search-engine data are generated at build time from a single file, so updating the business details is a one-place edit.
- No framework. Plain HTML partials are stitched together by a small Vite plugin, with TypeScript modules for behaviour. That keeps every page light.
- 3D only where it is used. The hero runs on a small raw WebGL shader. Three.js loads on the About page only, and only on demand.
- Published facts only. Every detail on the site comes from the business's own pages. No prices or claims they have not published.
A detail worth noting
The "Open now" label is worked out in the shop's own time zone (Asia/Manila), so it is right for a visitor anywhere in the world.
Result
- Live on Netlify. Every push to the main branch redeploys the site.
- Fonts are self-hosted and subset to Latin characters. Photos are converted to WebP by a Python script.
