Another Journey
ProjectsAnother Journey
Portfolio

Another Journey

A portfolio that is itself a case study

Visit live site
Next.js 15TypeScriptTailwind CSSFramer MotionWebGL
Overview

The Brief

We believe a studio's portfolio should be its best work. Another-journey.com isn't just a list of projects — it's a statement about what we value: performance, craft, and attention to detail. Every interaction, every animation, every pixel was considered. The site itself is a case study in modern web development.

Tech Stack

Built with

Next.js 15
TypeScript
Tailwind CSS
Framer Motion
WebGL
Process

How we built it

1

The concept started with a question: what if the portfolio felt alive? We explored generative backgrounds, colour-cycling accents, and physics-based interactions before landing on the current design — a dark, minimal canvas where content emerges through motion and the accent colour continuously shifts through the spectrum.

2

The fluid WebGL background was custom-built to run at 60fps on mobile while using minimal GPU resources. Framer Motion handles scroll-triggered reveals, magnetic buttons, and 3D card tilts. The colour system uses CSS @property to animate custom properties, creating the seamless hue cycling that gives the site its signature feel.

3

Every component was designed for performance. Images are lazy-loaded and optimised, animations use transforms and opacity for GPU acceleration, and the entire site ships as a static Next.js build with zero runtime JavaScript for content sections. The result: a perfect 100 Lighthouse score and sub-second load times.

Features

Key features

Custom WebGL fluid background with dynamic colour
CSS @property-powered colour cycling across the entire palette
3D perspective card hover effects with spotlight tracking
Magnetic button interactions with spring physics
Scroll-triggered section reveals with staggered animations
Cursor glow that follows mouse movement
Fully responsive — optimised from 320px to ultrawide
Perfect Lighthouse scores (100/100/100/100)
Another Journey screenshot
Results

Impact & outcomes

The portfolio has become our most effective sales tool. Prospective clients consistently comment on the site's polish and interactivity before we even get to a call. It demonstrates our capabilities better than any pitch deck ever could, and the case study pages give potential clients confidence in our process and attention to detail.

Let's build something like this

Have a project in mind? We'd love to hear about it.

Get in touch