Most freelancer portfolios look the same: a template with a hero section, three service boxes, and a contact form. Standing out in a market full of identical portfolio sites required building something from scratch — a site that demonstrates technical ability through the site itself, not just through case studies linked inside it. The goal was a fast, distinctive, accessible digital presence that could serve as both a portfolio and a proof of craft.
I designed and developed the entire site using Astro 5 with React islands, Tailwind CSS v4, and GSAP for scroll-driven animations. The design system uses custom CSS variables for a cohesive cream-and-pine color palette with full dark mode support, toggled without flash of unstyled content. Every section was built for performance first — static rendering, minimal JavaScript, optimized images — while keeping the UI dynamic enough to feel considered. Content was structured with semantic HTML and Schema.org markup for SEO, with a sitemap and canonical URLs generated automatically at build time.
- Achieved 95+ Lighthouse scores across performance, accessibility, and SEO audits
- Built with Astro 5 static rendering and minimal JS for fast load times on all devices
- Full dark mode with FOUC prevention and persistent user preference via localStorage
- Custom design system with CSS variables, Tailwind v4, and GSAP scroll animations
- Structured data, canonical URLs, and auto-generated sitemap for search engine optimization