Skip to content
← Back to Work
Design & Development

Bad Dog Portfolio

Create a portfolio site that doubles as proof-of-skill — built with the same stack we sell. Had to look sharp for clients and credible for engineering hiring managers.

Client
Bad Dog Web Development
Role
Design & Development
Timeline
2026
Year
2026

Stack

Ruby on Rails Tailwind CSS GSAP Stimulus Cloudflare Pages

Approach

Swiss-inspired grid typography system with asymmetric layouts. Rails 8 for development, static export to Cloudflare Pages for zero-cost hosting. GSAP scroll animations with restraint — every animation serves a purpose.

Results

The site you're looking at right now. Sub-second loads, 90+ Lighthouse scores, $0/month hosting, zero maintenance.

Under the Hood

Rails 8 as a local development tool with static HTML export via wget mirror. Tailwind CSS 4 with custom design tokens. GSAP 3 + ScrollTrigger for scroll-triggered reveals. Stimulus controllers for interactivity. Deployed to Cloudflare Pages with automatic GitHub-based CI/CD.