WhatsApp

an organized communication experience

Making WhatsApp's current interface easier to navigate and understand.

Role
Time
team
tools
Designer
2 Weeks
Solo
Figma & Figma Slides

An Overview

The purpose of this redesign is to make WhatsApp's current interface easier to navigate and understand.

The Challenge

To redesign WhatsApp's current interface to enhance its usability, making it measurably easier to navigate and understand for all users. Prioritizaion areas included:

  • Ensuring the architectural integrity of WhatsApp is straightforward.
  • Reduce user confusion and emphasize use-of-app ease.
  • Provide users the opportunity to personalize their experience.

Goals & Objectives

  • Consolidate current tabbing
  • Introduce pins and tags for chats
  • Introduce tools for chat organizational clarity within business groups

Competitive Insights

Branding

The current color palette on WhatsApp's interface is dominated by various shades of green (its primary brand color), white for light mode, and deep, dark tones for high-contrast dark mode.

For WhatsApp, the default typography is Roboto on Android devices and SF Pro (the default system font) on iOS devices.

NOTE: the redesigned interface was crafted with iOS devices in mind.

User Personas

The Redesign

Communities and chats are consolidated into one tab area named “Activity.” Users can now find their individual chats, channel subscriptions, and group chats. A new “1:1” chip is also introduced to purely showcase private chats.

Swiping right on the message area will show options to pin, tag, or archive a chat.

  • Pin: Feature a chat at the top of the page
  • Tag: Add specialized tags to message groups
  • Archive: Store away a chat

Finally, a new “quick note” feature has been added to the chat for users to take quick snippets of key information from conversations.