The Lab / Make room for curiosity.

A good question
is a great start.

A small space to explore how ideas become working things. Try the project planner, then take a useful thought with you.

01 / A little interactive thinking

What would
you make?

Choose a direction and the thing that matters most. We’ll sketch a starting plan you can use for a conversation.

A simple planning tool. Your choices stay in this page.

YOUR STARTING BLUEPRINT

A website with a clear purpose.

  1. Define the audience and the one action that matters.
  2. Map a simple journey through the content.
  3. Build a responsive foundation and refine the details.
Let’s shape this together

02 / Notes worth keeping

A few foundations.
A lot of possibility.

Short, practical ideas to explore. Open a note and follow the thinking.

01 / INTERFACES

Clarity is
a feature.

A good interface helps someone know where they are and what to do next.

Open the note

Start with one useful action.

On a product page, make the product easy to understand. On a contact page, make the conversation easy to begin. Let supporting information serve that action.

Make the state visible.

Show which page is active, which filter is selected and what changed after a click. Feedback should feel immediate and use words as well as colour.

Leave room to breathe.

Group related things, use a clear heading order and give important controls enough space on a small screen.

02 / WORKFLOWS

Automate
with intention.

The repeatable part should become simpler. The important decisions should stay clear.

Open the note

Know the inputs.

Define the expected file, format or data before processing it. A missing field should produce a useful message.

Keep the original.

Preserve source material and write results to a predictable location. A good workflow makes it easy to trace a result back to its input.

Make failure manageable.

Handle one item at a time, record problems clearly and allow a failed item to be retried without repeating successful work.

03 / MOTION

Movement
with meaning.

Motion can explain a relationship, acknowledge an action or give a page its rhythm.

Open the note

Animate the change.

A selected tab, an expanding answer or a copy confirmation is a useful place for a small transition. The feedback should stay readable.

Keep controls steady.

Let decoration move without making essential text or buttons hard to follow. Touch screens need direct controls without hover.

Offer a quieter version.

Respect reduced-motion preferences and provide a pause control. Every essential action should work with animation turned off.