Interface and pre-vis · Client work

AMA Trust Campaign

Interactive demos of the interface and pre-visualization work for the American Medical Association's Trust Campaign. Each window below is the working thing, not a screenshot.

Client
American Medical Association
Work
Interface design, pre-vis boards, set diagrams
Format
Three interactive demos
Data
Sample data, fictional names, sample notes

01

A Search Bar That Blooms & Types

The hero search bar for the campaign's film, and the tests used to decide how it should look and where it should sit in the frame.

  • Scroll-driven. The bar blooms into view and types its question as you scroll the page.
  • Placement options. The same bar is tried in several positions over a frame, each labelled so the choices can be compared side by side.
  • Solid or translucent. A solid white bar is the baseline, with a translucent glass version as an option.
Search bar · interactive demoOpen full screen ↗

Scroll inside the window to watch the bar bloom and type.

02

Set Diagrams & Pre-Vis Boards

The diagrams that plan the camera and the set, followed by the pre-visualization boards for the :30 spot, with the timing behind them.

  • Set diagrams. An isometric view and an overhead plan of the mirrored bathroom set, with the camera path and the position of each element marked.
  • Timecoded boards. Each board for the :30 carries its in point, out point and length, with a running-time timeline above them.
  • Stereo balance. A short demo shows how the sound balance moves across the cut.
Set diagrams and pre-vis boards · interactive demoOpen full screen ↗

Scroll inside the window to move from the diagrams to the boards.

03

A Callback Tracker For Casting

Callback picks by role: the director's selects set against the agency's selects, so a review session can see at a glance who is on both lists.

  • Filter and sort. Show everyone, only the people on both lists, only the director's picks or only the agency's, choose a role, and sort by callback time or any column.
  • Rate with a click. Click a circle to give a green check or a red X. Three greens turns a row green, and three X's moves it to the Passed section.
  • Everything stays in your browser. The data is sample data with fictional names and sample notes, and any edits you make are kept only on your device.
Casting interface · interactive demoOpen full screen ↗

This is the live interface. Try the filters, the sort menu and the rating circles.