Patrick Anderson — Founder's portfolio

Client

Patrick Anderson

Services

portfolio

Year

2024 — Present

Role

Design and development

Stack

Next.js · React · GSAP · Lenis · CSS Modules · Vercel

The founder's portfolio introduces the engineer behind the studio, from Kubernetes and Hyperledger Fabric infrastructure to React interfaces. It had to read as interface work, not as a CV.

What we did

We designed and built the site in Next.js 15 with the App Router and one route per language, English, Portuguese and French, prerendered and served by Vercel. Motion is GSAP with ScrollTrigger over Lenis smooth scrolling: a preloader counts from 00 to 100, the headline swaps its last word letter by letter, the intro text lights up on scroll, the skills rows slide in opposite directions and a curtain covers each page change. The services open as columns with an image and a stack, the selected work sits in a fan of cards you drag, the experience opens as an accordion and the menu carries a light and dark theme and the language switch. A custom cursor changes state over links, text and drag areas. The site uses CSS Modules, Space Grotesk and the Dream Avenue display face.

The founder's portfolio, in three languages: five service columns, front-end to blockchain, opening under the cursor.

On mobile

On mobile

“Software built to be”: on phones, the headline keeps swapping its last word, and the menu fits in a round button.

Product

A portfolio you use: open the services, change page under a curtain, switch language and theme.

About
AboutA portrait with hand-drawn rings and the text that lights up on scroll.
Work on mobile

Work on mobile

The selected work sits in a fan of cards you drag; several of them are cases from this studio.

The whole home pageA slow scroll of the English home page, hero to footer, with personal contacts hidden.

Details

In the details, paper, ink and one indigo: a career accordion, a menu with theme and language, and a footer below.

About on mobile

About on mobile

On phones, portrait and name in one column, before the text that lights up on scroll.

Selected work
Selected workThe fanned cards, ready to drag.
Contact
ContactThe closing call, in Dream Avenue, and the button to begin.

Results

  • Live in production, prerendered and served by Vercel

  • Three languages, English, Portuguese and French, each on its own route

  • A light and dark theme and a custom cursor with states for links, text and dragging

Credits

Design
Ressolv
Development
Ressolv

Next project

Self-Service Blockchain Platform