WorkRésuméContact
All work
Facebook · 2023 - 2025

Facebook Main Proto

Rebuilding the entire Facebook app in Origami Studio, a living, high-fidelity prototype so Tom Alison (Head of Facebook) and the leadership team could review how all the moving pieces come together.

RolePrototyping
Years2023 - 2025
Built inOrigami Studio
Reviewed byTom Alison · Leadership

Overview

As Facebook set its direction for the next generation, social discovery for young adults, and new capabilities powered by AI, leadership needed to feel the whole app, not read about it in slides. So I rebuilt Facebook in Origami Studio: a single, living prototype that stitched the real surfaces together into something you could actually navigate.

It became the reference Tom Alison, Head of Facebook, and the team used to review how the pieces fit, Feed, Reels, video, Groups, Marketplace and the new AI moments, as one coherent experience rather than a set of isolated screens.

What the prototype had to do

The whole app, connected

Feed, Reels, video, Groups and Marketplace wired into one navigable model, not disconnected mocks.

Review-ready fidelity

Real navigation, transitions and content, polished enough to put in front of the Head of Facebook.

See the seams

Made the hand-offs between surfaces visible, so the team could judge how the pieces come together.

A shared source of truth

One prototype the whole org could point to when aligning on the app's direction.

Prototyping the refreshed brand in context

The main prototype was also where Facebook's refreshed brand identity met the product, the bolder core blue, the updated logo and Reactions, the new motion, tested inside a living app rather than a static spec, so the team could see how it felt across real screens.

Refreshed brand identity. Read more: Redefining Facebook's Brand Identity.

One model, the whole product

Rebuilding the app in Origami meant recreating its architecture, the tabs, the transitions, the way one surface leads to the next, with enough fidelity that using it felt like using Facebook. The value wasn't any single screen; it was seeing the connective tissue, live, in one place.

That made it possible to review the product as a whole and make decisions about where it should go next.

There's more inside

The prototype walkthrough is protected. Enter the access code to watch it.

Incorrect code, try again.
Protected · Unlocked

Inside the main prototype

A walkthrough of the prototype itself, the build teams across Facebook worked in.

Want the full story?

I'll walk you through it.