Product Designer & Engineer.

Hey. I’m John.

Independent by nature. Curious by default.
I turn complex problems into useful, thoughtful products.

Explore my work
Illustrated portrait of John Basham
Designing & building at Flowforest Consulting at Goodjob Nambucca Valley, Australia
01 / The working journal
Product / Development2026 · Building

Runway ↗

Svelte · Markdown · SQLite

A home for your notes. Built around your files.

Exploring storage, sync and an editor that keeps Markdown on disk, with SQLite making it useful. Part of my independent practice, Flowforest.

Read the build note ↗
Research & developmentOngoing explorations

A little room to experiment.

Small tools, visual studies and ideas followed out of curiosity.
A look inside my R&D folder.

Explore all experiments ↗
Generative art

Canopy ↗

An evolving canopy of particle trails. Explore how local rules, layered noise and colour build an organic whole.

Open experiment ↗
Generative art

Stipple Contours ↗

A study in dots, contours and seeded variation. Adjust the parameters and explore the composition.

Open experiment ↗
Interactive tool

Hours in a Week ↗

Make time tangible: colour a weekly grid to explore where the hours go. Your choices stay in this browser.

Open experiment ↗
Workflow experiment

PageSpeed Automation ↗

Compare website audit results through the PageSpeed Insights API. Requires your own Google API key.

Open experiment ↗
API experiment

Dropbox Save URL ↗

An interface for saving a remote file into Dropbox and checking its progress. Requires your own Dropbox access token.

Open experiment ↗
Selected work / WebsiteGosling Group
Gosling Group website showcase

Gosling Group ↗

Web design · Responsive design

Built on trust. Designed for connection.

A digital home for electrical expertise, bringing commercial and residential services into one clear experience.

Explore the project and film ↗
Selected work / ArchiveIndependent practice
Emma Power website design

Emma Power ↗

Brand · Web design · Development

A clear stage for a writer, teacher and speaker.

A minimal website built around Emma’s words, with calm typography and subtle movement keeping the experience simple and easy to navigate.

Explore the project ↗
Selected work / ArchiveIndependent practice
Sunny Copy website design

Sunny Copy ↗

Brand · Web design · Development

A simple website where the words do the work.

Brand and website design for a creative copywriter, using a restrained visual system, small interactions and strong performance to keep the writing central.

Explore the project ↗
Selected work / ArchiveIndependent practice
Jenna Meade editorial website design

Jenna Meade ↗

Web design · Development

A clear voice, on the web.

Website design and development for journalist and writer Jenna Meade. An earlier chapter of my independent practice.

Explore the project ↗
Selected work / ArchiveIndependent practice
Soul Charters website design

Soul Charters ↗

Brand · Web design · Development

A dreamlike digital home for retreats at sea.

A brand and website redesign pairing immersive imagery with a spacious reading experience to introduce yacht retreats and help facilitators imagine what is possible.

Explore the project ↗
02 / Experience

A broad practice.
A connected skill set.

From pixels to production lines, each chapter adds a different way of seeing a problem.

Experience, mappedSelect a chapter to explore
Discipline
Product & UX
Visual & brand
Code & systems
Physical making
Strategy & leadership
Agentic development
Areas explored in this chapterA map of practice, not a proficiency score.
2026 — Present

Flowforest / Independent product practice

Bringing product thinking, interface design and agentic development together through Runway, Flare and Slate. An ongoing interest in physical making continues through 3D printing.

View full experience ↗
03 / A little about me

A designer who builds.
A builder who asks why.

I’m John, a Product Designer and Agentic Developer based in the Nambucca Valley, Australia. I bring 15+ years across graphic design, UI/UX, web development and creative leadership to the things I make.

I co-founded a creative agency, worked independently across time zones and led front-end design and development at We Are Coast. Along the way, I’ve run CNC machines and industrial printers. Working with real materials has a way of sharpening how you solve problems.

These days, I’m building local-first knowledge tools through Flowforest, using agents to help turn product ideas into working software. Away from the desk: family, surfing, running and making things.

More about my experience ↗