THE FLOWFIELD BLOG

Notes from the studio.

Notes on visual editors, new products, and the decisions behind our work. Written for the people building them and the people commissioning them.

A NAME FOR HOW WE TELL THE STORYNodetelling.CONNECTED CONTENT. A READABLE ROUTE.01 / THE IDEAStart with why.02 / THE PROOFMake it real.03 / NEXTLet’s talk.AN APPROACH BY FLOWFIELD
Nodetelling3 min read

Nodetelling: stories built with nodes.

Connected content, a guided canvas journey, and pages that branch into the story. We call it Nodetelling. Here’s what we mean.

Read article
WHEN THE CONNECTIONS BECOME THE PRODUCTINCOMINGA new requestNeedsreview?HUMAN APPROVALSomeone takes a look.AUTOMATIC PATHKeep things moving.YESNOONE REQUEST.MORE THAN ONE WAY FORWARD.
Product decisions3 min read

Does your product need a node editor?

Sometimes a list is enough. Sometimes the connections are the product. How to tell the difference before you build.

Read article
ONE JOURNEY. ALL THE WAY THROUGH.THE FIRST RELEASE01 / THE INTERFACEMake a requestTravel budgetSend request02 / THE RULESCheck the fitWithin budgetRight permissions03 / THE RESULTSaved.Decision + history.Ready when you return.
Building products3 min read

A new product starts with one real journey.

Before the feature list gets longer, follow one person from the first action to a useful result.

Read article
THIS WEBSITE, SEEN FROM ABOVETHE OPENINGIdeas.In flow.YOU ARE HERETHE STUDIOOur thinking.SHOWCASEThe work.Let’s talkSCROLL FOLLOWS A STORY. PAGES BRANCH OUT.
Inside FlowField3 min read

A website you move through, not just down.

Why we built FlowField as a connected canvas, and the decisions that keep it a website people can actually use.

Read article
Svelte Flow
Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.
Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.
Let’s talk