Twirl Portfolio

Twirl is an iteration of the Aidxn portfolio, kept deliberately separate from the production site so an interaction idea could be taken as far as it goes without putting the live build at risk.

The whole site hangs off one animation — a path morph that twirls between states — with three 3D gallery treatments built around it and custom route transitions between pages. It is pure Astro with no React islands and plain JavaScript driving the motion, so the interaction is the only JavaScript on the page rather than a layer on top of a framework.

How it came together.

The work moves from the right question to a system the team can actually use.

1. 01

   Strategy

   It starts with a strategy session — I come to you, learn the business inside out, and shape a plan you actually want and that actually works. Goals first, never template-first.

2. 02

   Design

   Then I design it — interface, brand and the feel of using it — mapped straight to that strategy. One person, one vision, no handoff gap between designer and developer.

3. 03

   Development

   I build the real thing: fast, typed end-to-end, Supabase-backed, and yours outright — the website and the operations behind it, shipped on a tight loop.

4. 04

   Iteration

   We iterate on the live product — real usage, real numbers — tightening the funnel and the workflows until it genuinely performs.

5. 05

   Ongoing management

   From there I keep it running and growing — performance, updates, new campaigns and features as the business moves. One number to call, no agency runaround.

Role

Creative coding & web design

Year

2026

Client

Aidxn Design