← Selected work

Research decision workspace

Driftline

Driftline translates lessons from proprietary research-product work into a fictional public demonstration of transparent attention routing and human-centered support.

Role
Product strategy · Research synthesis · Interaction design · Design system · Engineering
When
2026
Built with
Next.js · React · TypeScript
Product screenshot Static preview
Open live site
Driftline dashboard showing portfolio flow across signals, evaluations, programs, and field operations
01

The real problem behind the fiction

Driftline is a public proof of concept informed by proprietary research-product work that I cannot show directly. In that work, research scientists need a dependable process for gut-checking early ideas, collecting promising directions, developing them into sound peer-reviewed research, and eventually moving that research into products and the teams that build them.

Leadership needs a different view of the same system: enough visibility to validate direction, review roadmaps, understand capacity, and recognize who needs support before work quietly stalls.

02

What the research revealed

My day-to-day work has included human-centered research, interviews, usability testing, product strategy, facilitation, UX design, and engineering. A recurring theme in that research is that people can feel as though they are working in a vacuum. When feedback from leadership is scarce, asking for help can feel like screaming into the void.

Driftline translates that insight into a public example without reproducing the proprietary product, organization, or data behind it.

03

A deliberately fictional setting

I based the demonstration around Aster Bay Institute, an entirely fictional ocean-research organization. Living near Casco Bay and following scientific work in the Gulf of Maine gave me a credible imaginative setting, but I intentionally avoided pretending to represent a real institute.

The product follows research from signals and evaluation through programs and field operations. The subject matter is fictional; the need for visible movement, review, ownership, capacity, and support is not.

04

Support, not surveillance

The central interaction is an attention queue called Waiting on You. It surfaces stalled work, identifies the current owner, states how long it has been waiting, and explains the evidence and operating rule that brought it forward. From there, a leader can offer support, assign ownership, make a pending decision, or send a human check-in.

The rules remain visible instead of disappearing behind a score or opaque AI recommendation. That transparency is meant to build trust: researchers can see why something surfaced, what will clear it, and that leadership involvement is an accountable part of the process.

05

The design direction

I designed Driftline to feel like an instrument for technical work: tactile, precise, and quick. The side-rail navigation, compact information hierarchy, immediate responses, and restrained motion borrow from older scientific instruments without becoming nostalgic. The larger goal is to display dense information intelligently while preserving a consistent, legible system.

06

What I owned

I created the public proof of concept from scratch, defining its workflow, fictional data, information architecture, interaction model, visual system, and working Next.js implementation. The product thinking is informed by deeper research and testing in my professional work, but Driftline itself has not been presented as a tested client product. It is a focused visual demonstration of how I approach complex operational systems.

Design system Living · Contract 1.0.0

The system behind the work

Driftline

A portable product method expressed as a precise ocean-research instrument: calm enough to scan, explicit enough to act.

Explore the system specimen ↗
  1. Make flow visible

    Movement and blockage appear before secondary metrics so the state of the portfolio is immediately legible.

  2. Explain the prompt

    Every intervention names its rule, evidence, age, owner, and the condition that will clear it.

  3. Preserve human judgment

    The system routes attention while people retain responsibility for deciding, delegating, and offering support.

  4. Earn the density

    Compact operational information stays readable, structured, keyboard-accessible, and resilient at smaller viewports.

Visual fingerprint

Identity, components, and proof.

A curated view of the system’s real foundations and state coverage—not a second documentation site.

01

Foundation

Semantic color

  • Deep ocean#0b2427

    Navigation and instrument field

  • Paper#f2f5f2

    Application canvas

  • Card#fbfcfa

    Raised decisions and controls

  • Mint#7dd3c7

    Healthy movement and primary action

  • Amber#e8a84e

    Threshold approaching

  • Critical#c76051

    Intervention required

  • Blue#6f9ee8

    Program-stage distinction

  • Rule#cbd7d2

    Boundaries and quiet structure

02

Foundation

Typography roles

  • Interface and display Geist

    A compact sans serif carries dense operational hierarchy without making the workspace feel administrative.

  • Instrument and metadata Geist Mono

    Rules, identifiers, stages, timestamps, and system status read like a precise research instrument.

03

Inventory

Representative components

Driftline design-system specimens showing action controls, status badges, and selection controls
Actions, status, and selection captured from the Driftline system specimen.
  • Actions

    Primary, quiet, and unavailable actions establish hierarchy while preserving native control behavior.

    • Primary
    • Quiet
    • Disabled
  • Status

    Text, icon, and color carry movement, waiting, and blocked meaning together.

    • Moving normally
    • Waiting
    • Blocked
  • Selection

    Pressed state remains visible and exposed to assistive technology across portfolio filters.

    • Selected
    • Unselected
    • Keyboard focus
04

In the product

System at work

Driftline portfolio workspace showing stage totals, filters, and research records in the viewer's system theme

Decision propagation

The handoff becomes the interface

Lifecycle flow, attention queues, and role lenses connect portfolio state to a specific person, explanation, and next action.

Accessibility and resilience Operational density remains navigable

Native controls, visible labels, pressed states, 44px targets, reduced motion, forced-color support, and 200% reflow are treated as system constraints.

Next project Let’s Worm

More selected work

Elsewhere in the portfolio