Portfolio · Ink artist · 2025

Scribble

A portfolio that moves like ink.

Scribble — Portfolio · Ink artist
RoleDesign + Engineering
StackNext.js · WebGL · GSAP
ScopePortfolio · Bespoke motion
Timeline6 weeks
PlatformWeb
Overview

A portfolio that moves like ink.

For an artist who lives by craft, the website had to feel hand-drawn — every scroll and transition as deliberate as a line of ink. We built a bespoke, editorial site where the motion carries the texture of the artist's hand.

The challenge

What made it hard.

Artist portfolios usually flatten the work into a grid. This one had to carry the pacing and texture of a sketchbook — unmistakably the artist's — without ever feeling slow or precious.

Inside the build
Editorial home — type set like a sketchbook, the work front and centre.
Editorial home — type set like a sketchbook, the work front and centre.
The artist's toolkit, annotated — texture and craft made interactive.
The artist's toolkit, annotated — texture and craft made interactive.
How we built it

From the hard part, forward.

PHASE 01

Find the voice

We treated the layout like a sketchbook spread — editorial type, hand-set rhythm, generous negative space.

PHASE 02

Design the motion

Every transition was storyboarded so scrolling feels like turning a page, not loading a route.

PHASE 03

Engineer for feel

WebGL and GSAP for the bespoke moments, kept lean so it scores 100 on performance.

PHASE 04

Launch

A site that is unmistakably the artist's — fast, tactile and one of a kind.

The impact

What shipped, in numbers.

6 wksconcept to launch
100Lighthouse performance
+2.4×avg. session time
1of a kind
Highlights

The parts we’re proud of.

Bespoke motion

Hand-storyboarded transitions that read like turning sketchbook pages.

Editorial layout

Type and rhythm set like print, so the work feels curated, not gridded.

Fast by design

A perfect performance score despite the WebGL flourishes.

Built with
Next.jsWebGLGSAPVercel
Next case study
LifeXP
Currently taking 2 projects

Got something worth building?