This Portfolio
Astro · GSAP · Product Design
Overview
Building a portfolio that does not look like a portfolio took longer than the projects inside it. This is an Astro static site with Lenis smooth scroll, GSAP animations, a live Spline 3D scene in the hero, and a per-project case study system. The whole thing was written from scratch, no templates, no component libraries. Visual direction informed by Laura Gonzalez's portfolio.
The challenge
Avoiding the portfolio trap. Most dev portfolios feel like a list of links with a hero section. I wanted something that felt like a product, where the presentation itself is part of the work. That meant caring about every scroll animation, every transition state, and every breakpoint as much as any line of application code.
The approach
- 01 Chose Astro for static output with clean component structure and zero runtime JavaScript overhead where it is not needed.
- 02 GSAP with ScrollTrigger for all scroll-driven animations: word-reveal headings, staggered card entrances, section parallax, and fade-up elements throughout.
- 03 Lenis for buttery smooth wheel scroll that syncs correctly with the GSAP ticker so nothing fights each other.
- 04 Spline for the interactive 3D scene in the hero, integrated without adding a heavy custom WebGL setup.
- 05 All project case studies generated from a single data structure. No per-project pages written by hand.
Outcome
The thing you are looking at. No GitHub for this one.
Working on something in the maritime software or applied AI space? Let's talk →
Next project