Interactive product map

From your library
to the screen you choose.

See the five moments first. Open a frame only when you want the detail.

  1. Bring a library
  2. Find a title
  3. See playable sources
  4. Play your way
  5. Continue on TV

01 · The product path

One title. One continuous path.

Library → title → sources → player → TV.

Live product proof

Two lists. The same path to play.

Rendered at 60fps from the real app screens. They start muted as each scene enters view.

MDBList

List to playback

Connect when you open MDBList, choose a list, open a title, then use a playback source you connected.

  1. Connect
  2. Choose a list
  3. Open a title
  4. Play
Read the video

The reel adds a public MDBList list, opens it as a catalog, chooses a title, compares every source, and stops at the play control. Availability comes from the services you connect.

Letterboxd

Profile to playback

Connect a public username, choose one of its lists, open a title, then use a playback source you connected.

  1. Connect
  2. Choose a list
  3. Open a title
  4. Play
Read the video

The reel connects a public Letterboxd profile, opens a synced list, chooses a title, compares every source, and stops at the play control. Availability comes from the services you connect.

02 · OPTIONAL DETAILWhole-app journey mapOpen

02 · Whole-app map

Two doors. One playback spine.

Tap a node to see the journeys that pass through it.

Where people enter, the two actions, and every destination.

Building the interactive system map…

Tap a block to see what you do, what 4789 does, and where the data lives.

Line width shows connected paths—not usage or traffic.

Browse every block as a list
03 · OPTIONAL DETAILWorkflow referenceOpen

03 · Exact workflows

Choose a journey. Follow each step.

User actions stay visible. System work sits underneath each step.

This step has no approved capture yet.

    4789

    Selected step

    Workflow detail

    You

    4789

    Behind it