MessengerProduct Repositioning
Messenger’s origin: Facebook’s messaging feature, before it became its own app.
CONTEXT
Over a billion people used Messenger every month, and most still thought of it as Facebook’s chat feature. Fair enough — that’s how it started.
But it had quietly become its own app, and its own platform: Rooms, Watch Together, video calling, AR effects, games. The brand never caught up.
With cross-app messaging between Instagram and Messenger about to launch, the job was to update the icon, the design system, and the illustration system to signal what the app had become, without alienating a billion people who knew it the old way.
APPROACH
Start with perception, not pixels. Stakeholder interviews to pin the internal goals, brand strategists to settle the positioning, success metrics agreed before anything got designed. Form the hypotheses, explore wide, well past what could ship, then narrow. Share early and widely. Research to check it against real users, marketing to pressure-test it in the wild. Refine, then let the evidence make the call.
Icon directions, qual and quant tested before narrowing.
The hero gradient nicknamed “ultraviolet.” Four precisely placed stops.
The principles the whole system was built on.
Every illustration reads as both a still and an animation.
Built from simple, recognizable geometric shapes.
A single system adapts to every surface.
From 15px chips to fullscreen interstitials.
Every illustration, light mode and dark.
The whole system, documented in a robust standards manual.
SOLUTION
An ultraviolet-gradient logo, set on the speech bubble a billion people already knew. A simplified illustration system drawn from the app’s own design language — objects that sit on or press into the surface of the product. Brand standards to carry it across every org that touched Messenger, so one system fed every consumer touchpoint across product, marketing, and comms.
RESULTS
The brand system rolled out at launch across a billion-user app and the wider Facebook family, and set the visual foundation the expression era was built on — themes, avatars, stickers. Documented on Meta’s own design blog.
PRODUCT / BRANDMessengerProductRepositioning
CONTEXT
Over a billion people used Messenger every month, and most still thought of it as Facebook’s chat feature. Fair enough — that’s how it started.
But it had quietly become its own app, and its own platform: Rooms, Watch Together, video calling, AR effects, games. The brand never caught up.
With cross-app messaging between Instagram and Messenger about to launch, the job was to update the icon, the design system, and the illustration system to signal what the app had become, without alienating a billion people who knew it the old way.
Messenger’s origin: Facebook’s messaging feature, before it became its own app.
APPROACH
Start with perception, not pixels. Stakeholder interviews to pin the internal goals, brand strategists to settle the positioning, success metrics agreed before anything got designed. Form the hypotheses, explore wide, well past what could ship, then narrow. Share early and widely. Research to check it against real users, marketing to pressure-test it in the wild. Refine, then let the evidence make the call.
Icon directions, qual and quant tested before narrowing.
The hero gradient nicknamed “ultraviolet.” Four precisely placed stops.
DESIGN PRINCIPLES
Begins with the product
Our illustrations should be an extension of the feeling created by the design principles used in building the product.
Color and form carry meaning
We use color and form consistently and intentionally in order to reinforce a system of meaning.
Movement carries meaning
While animation can help comprehension, each illustration must work as a still.
Simple and crafted
Illustrations are geometric and don’t rely on superfluous details.
Every illustration reads as both a still and an animation.
Built from simple, recognizable geometric shapes — a single system that adapts to every surface.
From 15px chips to fullscreen interstitials.
Every illustration, light mode and dark.
The whole system, documented in a robust standards manual.
SOLUTION
An ultraviolet-gradient logo, set on the speech bubble a billion people already knew. A simplified illustration system drawn from the app’s own design language — objects that sit on or press into the surface of the product. Brand standards to carry it across every org that touched Messenger, so one system fed every consumer touchpoint across product, marketing, and comms.
RESULTS
The brand system rolled out at launch across a billion-user app and the wider Facebook family, and set the visual foundation the expression era was built on — themes, avatars, stickers. Documented on Meta’s own design blog.