WhatsApp Design Evolution
WhatsApp's first forward-looking product vision and its largest visual refresh.
Design Director
·
·
2021–2024
Defined WhatsApp's first forward-looking product vision and shipped its largest visual refresh: a fresh color system, bottom navigation, redesigned chat, and a dark-mode overhaul.
Problem
After a decade of adding utility, WhatsApp had matured into a product used by billions and was ready for its first forward-looking vision. It needed to evolve on two fronts. New categories like Communities, Channels, and business messaging set the direction for the architecture, while the visual language was due for a refresh that felt fresher and more modern without disrupting what people rely on. The harder problem was alignment: uniting pillars with distinct priorities around a shared destination without flattening their roadmaps, while protecting the simplicity and trust that define WhatsApp. The CEO and CPO would review it as a strategy decision, so it had to hold at that altitude and drive action.
Approach
I ran the work at two levels: a WhatsApp-wide product vision and a pillar-specific vision uniting privacy, growth, and cross-family. Both spanned three layers: information architecture (navigation, global actions, hierarchy), visual refresh (brand expression, design language, componentization), and feature definition (capabilities the new architecture would enable). I represented it across leadership and pillar reviews and in direct CEO and CPO presentations, translating between organizational contexts while keeping design coherence.
Process
Information architecture
How navigation should evolve: bottom navigation for one-handed use, global actions, and content hierarchy.
Visual refresh
Three principles guided the refresh: fresh, approachable, simple. It modernized the look without disrupting the core: a simpler, more consistent color system on a stronger neutral base, refreshed iconography, a cleaner chat interface, and a dark-mode overhaul tuned for contrast and legibility. The aim was a product that feels modern and native to each device while staying familiar.
Feature definition
New capabilities the architecture would enable, sequenced so product teams could build against the vision.
Outcome
The vision drove adoption: product teams built their roadmaps around it. It shipped publicly: a fresh color system, bottom navigation, a redesigned chat interface, and a dark-mode overhaul. WhatsApp’s design leadership detailed it on the Design at Meta blog.
Overview
Evolution
Bottom Navigation
Dark mode
Inbox Filters
Attachment Tray
Lessons
Vision work succeeds through adoption, not presentation. The impact came from teams building roadmaps around the vision, so I structured the work to translate into plans from the start.