WhatsApp Design Evolution
A forward-looking product vision for WhatsApp and its largest visual refresh.
Design Director
·
·
2021–2024
Defined a forward-looking product vision for WhatsApp 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. As the product continued to grow in functionality, the design needed to evolve as well. Categories like Communities, Channels, and business messaging enabled new ways to connect on the platform, 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.
Approach
I shaped the work at two levels: a WhatsApp-wide product vision and a pillar-specific vision uniting privacy, growth, and cross-family. The work 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. Detailed 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.