Conceptual UX / Product Design

WhatsApp
Circles

A conceptual feature that lets group admins create reusable member subsets inside large WhatsApp groups — so anyone can notify the right team with one mention instead of tagging every member or disturbing the whole group.

Product Observation
UX Research
Interaction Design
Design Systems
Designed a year before WhatsApp introduced member tags
WhatsApp Circles cover — chat list and status screens inside a green rounded shape
Scroll
Project Overview & Context

Designed a year before WhatsApp caught up.

WhatsApp Circles is a conceptual feature designed more than a year before WhatsApp introduced its own group member-tagging capability. At the time, groups had no clear way to organize members into meaningful internal teams, departments, roles or functional subsets — users had to mention people one by one, or notify an entire group for a message meant for a handful of people.

One-Line Description

WhatsApp Circles allows admins to create reusable member subsets inside large WhatsApp groups, so users can notify the right team with one mention instead of tagging every member or disturbing the entire group.

Main Objectives

Enhance group communication
Reduce notification overload
Provide flexibility for group admins
Improve team collaboration
Improve the overall user experience
Reduce the need to mention members individually
Keep relevant discussions inside the main WhatsApp group
Make large groups easier to organize
WhatsApp Circles intro slide describing the feature and its main objectives, with a mention-menu mockup
The Problem & Design Opportunity

One group, eight different teams.

A software-company WhatsApp group can contain many different roles at once — and when a user wants to notify just one of them, the current options are all inefficient.

Software EngineersQA EngineersBusiness AnalystsDesignersProject ManagersMarketing staffHuman ResourcesManagers

Current (Inefficient) Options

1

Mention every QA member manually

2

Send the message to the whole group

3

Create another separate WhatsApp group

4

Hope the relevant people notice the message

Resulting Problems

Time wasted manually tagging people

Relevant members forgotten

Unrelated users receive unnecessary notifications

Too many smaller groups are created

Conversations become fragmented

Large groups become noisy and difficult to manage

Important messages can be missed

Users experience notification fatigue

Design Opportunity

The opportunity was to introduce an internal communication structure without changing the familiar WhatsApp group experience.

Keep all communication inside the main group
Allow admins to organize members
Allow quick team-level mentions
Reduce unnecessary notifications
Avoid creating many separate groups
Preserve WhatsApp's simple interaction model
Make the feature easy to learn
Support different organizational structures
Concept Definition

A reusable audience, not a new group.

A Circle is a reusable subset of members inside a WhatsApp group — a team, department, role, project unit, temporary working group, class, event committee, or family subgroup — created and managed by the group admin.

What is Circles — definition and how it works, admin-managed subsets and simplified mentions
What are subsets — smaller groups within a WhatsApp group, illustrated with QA, SE and BA circles

Example

@QA Circle@SE Circle@BA Circle@Marketing Circle@Design Circle

Only members who belong to the selected Circle receive the targeted notification — the message still remains visible in the group chat.

User Research & Use Cases
User research slide with problem definition and four user story case studies

Two problems, four case studies.

The research identified two main problems: mentioning multiple users manually is difficult in large groups, and messaging the whole group creates unnecessary notification overload.

Case Study 01

Mention a Large Group

Notify many people about one announcement. Tag each person individually or notify the whole group.

Mention one relevant Circle.

Case Study 02

Mention All Related Members

Mention all members related to a specific function. No reusable subset — must find each person.

The relevant members are already grouped inside a Circle.

Case Study 03

Mention a Specific Team

Notify a specific team without manually tagging every member. Manual mentions are repetitive and error-prone.

Select a team Circle from the mention list.

Case Study 04

Reduce Notification Overload

Avoid receiving messages unrelated to their role. Whole-group notifications interrupt everyone.

Only members inside the selected Circle receive the notification.

User Personas

Two people, the same frustration.

User persona: Jeffry Fabrizio, landscape architecture graduate who misses important updates in large project groups
User persona: Muthuni Geekiyanage, business analyst who needs to communicate with specific teams without spamming the group
Problem Analysis

Connecting user needs to a conceptual solution.

Problem analysis slide connecting six user needs to a conceptual solution built around Circles

Address a specific group of people without tagging each person individually

Create reusable Circles

Minimize irrelevant notifications

Notify only members inside the selected Circle

Manage team subsets

Allow admins to create, modify and remove Circles

A simple way to select the right audience

Display Circles inside the normal @ mention menu

Notify an entire team with one action

Allow a single Circle mention

A better communication experience

Reduce repetition, noise, confusion and missed messages

Concept Diagram

Two actors, one shared structure.

The group admin creates and manages Circles; group members select and mention them in the chat. Only the members inside the mentioned Circle receive the targeted notification.

Concept diagram showing the relationship between the group admin, group members and WhatsApp Circles

Group Admin

Creates Circles

Names Circles

Selects Circle members

Edits Circles

Removes Circles

Manages Circle membership

Group Members

Type @ in the chat

View available Circles

Select a Circle

Mention the selected Circle

Receive notifications when they belong to the mentioned Circle

User Flow

From group settings to a targeted mention.

User flow diagram: admin creates a subset, members mention it, and the selected circle is notified within the chat

Admin Flow

1

Open WhatsApp group

2

Open group settings

3

Select Create Circle

4

Enter Circle name

5

Select members

6

Save Circle

Member Mention Flow

1

Open group chat

2

Type @

3

Mention menu appears

4

Select Circle

5

Write message

6

Send message

7

Circle members are notified

Circle Management Flow

1

Open group settings

2

Manage Circles

3

Select existing Circle

4

Add or remove members

5

Rename or delete Circle

6

Save changes

Wireframes

Create, select, mention.

Three wireframe stages carry the whole concept: the admin builds a Circle from a member-selection interface, a member finds it inside the familiar @ mention panel, and the mention appears as a token in the sent message.

Three wireframe screens: create a circle, select a circle from the mention menu, and mention a circle in the chat

Create Circle Action

A new group-management action that allows the admin to create a Circle.

Manage Circles Action

A group-settings action for viewing Circles, editing names, adding or removing members, and deleting Circles.

Circle Icon

A circular or concentric-ring icon representing a grouped subset.

Mention Dropdown

The existing mention interface is extended to include Circles alongside individual members.

Mention Token

A selected Circle is visually presented as a mention token in the chat composer and message.

Design System

Native to WhatsApp, not a new product.

The visual concept follows WhatsApp's familiar identity intentionally, so the feature feels like a natural extension rather than a separate app. Typography uses the Anybody font family, with larger text for headings and compact sizes for mentions and interface labels.

#25D366

Malachite (WhatsApp Green)

Primary actions, Circle status, active controls, confirmation, brand recognition.

#1F2C34

Cinder Black

Dark-mode surfaces, chat interfaces, text backgrounds, high-contrast components.

#F5F5F5

White Smoke

Light backgrounds, cards, supporting surfaces, clean visual separation.

Design elements slide: Anybody typography, colour palette, and Create Circle, Manage Subset and mention dropdown icons
Circles vs. WhatsApp Member Tags

Identification is not targeting.

WhatsApp's newer member-tag feature helps identify a member's role inside a group — useful, but it doesn't fully solve the original communication problem. Tags and Circles could work together: a tag describes who a member is, while a Circle defines who should receive a particular message.

Member Tags

Member tags mainly describe an individual.

Person A = Designer

Person B = Designer

Person C = QA

Circles

Circles create a reusable communication audience.

@Design Circle

→ Person A

→ Person B

→ Person D

Remaining Gaps Addressed by Circles

Mentioning several people with one action
Reusing a saved team group
Targeting notifications
Managing project-specific subsets
Supporting overlapping team membership
Reducing repeated manual selection
Avoiding additional WhatsApp groups
Giving admins control over team structures

Member Tag

Identifies an individual role

WhatsApp Circle

Creates a reusable communication audience

Example Use Cases & Benefits

One model, many groups.

Software Company

QA CircleSE CircleBA CircleDesign CircleManagement Circle

University Class

Assignment CirclePresentation CircleResearch CircleEvent Circle

Event Management

Logistics CircleMedia CircleVolunteer CircleSecurity CircleFinance Circle

Family Group

Parents CircleCousins CircleEvent Planning CircleTravel Circle

Community Organization

Management CircleFinance CircleOperations CircleVolunteer Circle

For Group Members

Fewer irrelevant notifications

Faster communication

Easier team mentions

Better focus

Lower notification fatigue

Fewer missed messages

For Group Admins

Better member organization

Reusable internal group structures

Easier management of large groups

Greater control over communication

Less need for duplicate groups

For Teams

Faster coordination

Clearer communication

Better collaboration

Reduced manual effort

Better message relevance

For WhatsApp

Stronger support for workplace and community groups

Better large-group usability

More structured communication

Reduced pressure to create separate groups

Risks, Considerations & Future Enhancements

Designed carefully, built to evolve.

Design Considerations

Privacy

Users should be able to see which Circles they belong to.

Admin Misuse

Admins should not use Circles to create hidden or misleading group structures.

Notification Expectations

The interface should clearly explain who will receive a targeted notification.

Overlapping Circles

A member may belong to multiple Circles — the system should prevent duplicate notifications.

Circle Naming

Duplicate or confusing Circle names should be handled carefully.

Permissions

Decide whether only admins, or selected members too, can create and manage Circles.

Group Transparency

The group should have a visible list of Circles and members.

Accessibility

Circle icons, labels and mention states must remain readable and accessible.

Future Enhancements

Customization Options

Colours, icons, descriptions and notification rules per Circle.

Analytics Integration

Message reach, Circle engagement, response rate, frequently used Circles.

AI-Based Recommendations

Suggest Circles from messaging patterns, roles and shared responsibilities.

Temporary Circles

Circles that automatically expire after a project, event or deadline.

Smart Notification Controls

Per-Circle notification preferences.

Circle-Level Search

Filter group messages by Circle mention.

Role-to-Circle Suggestions

Members tagged "Designer" → suggested Design Circle.

Circle Permissions

Selected members approve membership, manage info, pin messages, manage tasks.

Conclusion and summary slide covering customization, analytics and AI-based recommendation enhancements

Reflection

The strongest message isn't that WhatsApp later agreed.

The strongest message is that I identified the communication-structure gap early. WhatsApp Circles is an independent conceptual UX feature designed to improve communication inside large WhatsApp groups — allowing admins to organize members into reusable subsets and letting users mention a complete team with one action. It reduces manual tagging, notification overload, duplicated groups and missed communication, while preserving the familiar WhatsApp group experience.

Although WhatsApp has since introduced member tags, the need for reusable communication subsets still exists. Circles extends the idea from identifying individual roles to enabling focused group communication.

Product observation

Problem identification

User research

Persona creation

Feature conceptualization

Interaction design

Admin and member flow design

Design-system thinking

Final Project Statement

An independent conceptual UX exploration created before WhatsApp introduced member tags — proof that identifying a real communication-structure gap, and designing a full product response to it, came first.

Back to Projects