DOSSIER FOLDERS

OPEN SOURCE / TYPESCRIPT + REACT

Every story has
a place.

Pull a folder. Make it yours.
Colors, content, and a little depth.

v0.1.2 MIT
01 / THE COLLECTION6 RECORDS

Orbit Market

Platform engineer

2022 — 2025

Small discoveries. Thoughtfully connected.

A fictional marketplace that makes everyday discoveries feel a little more considered. One small team, a shared platform, and room to grow.

  • Platforms
  • Design systems
  • Release craft

Built to feel effortless

The fictional team replaced a maze of separate shopping flows with a shared set of patterns. Each small improvement made the next one easier to ship.

  • Started with one clear question, then tested the smallest useful answer.
  • Shared the work early, documented the tradeoffs, and refined it with feedback.
Original fictional interface recording · silent loop
Explore the sample project (opens in a new tab)

A platform taking shape

  1. 2022

    Start with the essentials

    A small catalog, a reliable saved list, and a shared visual language.

  2. 2023

    Make the foundations reusable

    Common UI patterns replaced repeated one-off implementations.

  3. 2024 — 2025

    Make quality a habit

    Short feedback loops and accessible defaults became part of every release.

Wander Atlas

Product designer

2020 — 2022

A collection of places worth getting lost in.

A field guide for the pleasantly lost. Save places, build a trail of discoveries, and pass a favorite corner of the world to a friend.

  • Discovery
  • Collections
  • Sharing

The journey between screens

This gallery shows a complete miniature product: a welcome, a discovery feed, a collection, a saved place, and a shared itinerary.

  • Started with one clear question, then tested the smallest useful answer.
  • Shared the work early, documented the tradeoffs, and refined it with feedback.

Five original interface illustrations. Manual controls remain available.

Relay Studio

Creative technologist

2018 — 2020

A system that leaves room for personality.

A small creative studio turning ambitious ideas into useful interfaces. Clear systems make space for expressive work.

  • Web
  • Identity
  • Prototyping

A flexible visual language

Built around a strong typographic hierarchy and a small family of layout primitives. Read a sample brief (opens in a new tab).

  • A consistent grid across editorial and product pages.
  • A shared vocabulary for color, spacing, and motion.
Relay Studio project board with type samples and interface modules
Fictional design system board

Juniper Works

Design engineer

2016 — 2018

The quiet work behind a simpler day.

Tools for teams that make things with care. A case study in bringing a collection of independent workflows into one calm workspace.

  • Workflows
  • Accessibility
  • Research

Listen before changing the workflow

Three fictional teams used the same tool in three different ways. We observed the handoffs, wrote down the points of friction, and looked for the parts that could stay familiar.

  • Started with one clear question, then tested the smallest useful answer.
  • Shared the work early, documented the tradeoffs, and refined it with feedback.
Juniper Works task board showing draft, review, and ready columns
A shared workspace, illustrated with fictional tasks.

One change at a time

We started with naming. Clear labels and a predictable hierarchy made the interface easier to scan before we changed its structure. The next iteration brought related tasks together without hiding their history.

  • Started with one clear question, then tested the smallest useful answer.
  • Shared the work early, documented the tradeoffs, and refined it with feedback.

Make progress visible

Small research sessions informed each revision. We checked keyboard routes, readable error messages, and the places where people paused to work out what would happen next.

  • Started with one clear question, then tested the smallest useful answer.
  • Shared the work early, documented the tradeoffs, and refined it with feedback.
Reusable interface modules arranged on a design board
Reusable patterns from the fictional component library.

Leave a useful trail

The final deliverable included the decisions behind the screens, not just the screens themselves. Future contributors could understand which constraints mattered and which were safe to change.

  • Started with one clear question, then tested the smallest useful answer.
  • Shared the work early, documented the tradeoffs, and refined it with feedback.

Fieldnote Labs

Research engineer

2014 — 2016

Keep the question. Follow the evidence.

A fictional research notebook for curious teams. Observations, experiments, and the unexpected connections between them.

  • Experiments
  • Visualization
  • Documentation

From observation to experiment

  1. Week 1

    Collect

    Capture observations with context.

  2. Week 2

    Connect

    Group related signals into a testable question.

  3. Week 3

    Learn

    Record what changed and what remains uncertain.

A fictional notebook entry with location and written observations
A portrait notebook illustration.
Original fictional research board recording · silent loop

Keep the context

A result is more useful when the question, method, and limitations travel with it.

  • Started with one clear question, then tested the smallest useful answer.
  • Shared the work early, documented the tradeoffs, and refined it with feedback.

Northstar Archive

Archivist

2012 — 2014

Good work deserves a longer memory.

A small archive with a big memory. Notes on preserving the useful parts of a project long after its launch.

  • Organization
  • Writing
  • Preservation

This intentionally compact record uses no logo or media. A title, a little context, and a few useful notes are enough.

  • Keep a stable identifier.
  • Write for the next person.
  • Preserve the reasoning alongside the result.

Select a tab. Open a story.
All organizations and content are fictional.

02 / TAKE IT WITH YOU

Your content.
Your corner of the web.

A framework-neutral core, an optional React adapter, and no account required.

Read the documentation ↗

Local files stay in your browser. Export a bundle to include your assets.