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