GRAPHAIC / NAVIGATION

Adelaide, South Australia Brand · Web · Image · Motion · Interaction

Graphaic Lab

Things worth
trying properly.

The Lab is where interaction, interface, motion, form and browser ideas get tested before they become a default.

These are working studies, not client case studies. Some will graduate into projects. Some will stay experiments.

Object study

An object with options.

One original lamp. Change the finish, shape and light, then turn it to see your choices from every angle.

Configure the lamp
Object study / 01Graphaic Lab / Concept
Configurable desk lamp — Terracotta, flared shadeOriginal fictional table lamp with a circular base, offset metal support and a flared shade. 2700 kelvin illustrative light at 75 percent brightness. Horizontal view 32 degrees.
Static preview — controls need JavaScript

Make it yours

One object. Many moods.

Choose a finish

Terracotta · Flared shade · 2700K · 75% light · View 32°

Fictional object. Illustrative light and finishes. Nothing is for sale.

Original object · Drag the lamp or try a finish, shape and light.

Product architecture concept

SPARK.
Explore the connections.

A reusable product engine and the consumer app built on it. Move the parts, select a connection and see how responsibilities fit together.

Explore the SPARK study
SPARKProduct engine concept

Tap a node to explore. Drag sideways to pick it up, then move it. With a keyboard, focus a node and use the arrow keys.

ExperienceMake a choice.

The part someone sees and touches. A clear action starts a small, understandable change.

Explore the loop, one step at a time.

A high-level architecture study. The flow is an illustrative local interaction, not a capture of the product or its underlying services.

Static concept preview. JavaScript enables the controls.

More studies

A browser.
Room to play.

Three more ways to explore what a website can do.

Study illustration · Open the working version below

Browser OS study

Open an app, switch to a scratchpad, then come back. A small desktop that works inside the browser.

Open the desktop
Study illustration · Open the working version below

Navigation states

A menu that reveals the shape of the site. Explore the capabilities and move between them with keyboard or touch.

Open the navigation

What are we
actually changing?

  1. Direction
  2. Context
  3. Outcome
  4. You
  5. ReviewCopy your brief
Brief flow · Five steps, one question at a time

Form as conversation

Five short steps turn an idea into a useful brief. Your answers stay in the tab until you copy them or reload.

Try the brief

Why the Lab

Make it.
Try it.
Learn from it.

Each study starts with a question: could a different interaction, a clearer form or a small moment of movement make the experience better?

Open the working version and see for yourself. Concepts stay clearly labelled, and client work stays in the portfolio.

Start a project

Something
unusual in mind?

Start a project

Optional analytics is currently off while measurement is being set up.