Overview

Designing a notification system that is smart by default and flexible for power users.

Deviation page notifications
The opportunity
A strategic product that had grown unusable

As part of the Community Squad, I drove one of the platform's most strategic products from ideation to market, a system that had grown complex enough to work against the people who needed it most.

The goal was to build more meaningful engagement within the DeviantArt community by making the Notifications Center the main hub of the user's activity.

The main challenges
  • Notifications were sorted newest to oldest, with no prioritisation. Managing them was very difficult.
  • Core users had the most notifications and the least way to manage them, so real engagement was slipping past unseen.
  • There were many notification types and categories, but no context.
  • Users with multiple roles couldn't separate personal and admin notifications.
  • There was no orientation for next step, and no prompt toward interaction.
Before
The old Notifications Center

The starting point: one long feed, newest to oldest, with no way to prioritise, group, or act.

Old Notifications Center
Old Notifications Center in use

The change we made pushed toward three things: notifications that stayed organised, that carried real context, and that nudged you toward the next interaction.

Old, compared to new
Old Notifications Center New Notifications Center
Old
New
The outcome
From passive alerts to active engagement.
27%
lift in replies and comments on the profile page.
visitors to the Notifications Center main page.
800%
increase in visits to group notifications.
Why it mattered

Thanks to carefully validating the product with user interviews and iterative A/B tests, we identified the main pain points and covered blind spots before the release to 100% of users, so the redesign proved its market fit rather than gambling on it.

The design
Better management experience

Intuitive stacking of notifications, so it is simple to know the context of each interaction, easier to keep conversations going, and easier to connect with other users.

Profile
Stacked notifications on the profile page
Deviation page
Deviation page notifications
Watchers page
Watchers page, showing recent watchers and watch back actions

The left side component summarises the notifications per subject and emphasises priorities with a call to action (if prioritised) to encourage engagement.

Comment and fave on an artwork
Comment and fave on an artwork
Notification for unknown users
Notification for unknown users
Llama badges received
Llama badges received
New watchers notifications
New watchers notifications

Some management tools that were missing in the old system for "mark as read, unread."

Mark as read for all notifications
Mark as read for all notifications
Mark as read for a stack
Mark as read for a stack
Mark as read for all notifications like this
Mark as read for all notifications like this
Select notifications and mark as read or unread
Select notifications and mark as read or unread

Group organisation

Group notifications and individual notifications are separated, so a user can easily switch between their different DeviantArt personas: their personal account and their admin roles. Group admins get an identity switcher.

Group admins have an identity switcher
Group admin identity switcher

Instant connections

The new Notifications Center was designed to make community conversation and interaction more dynamic and engaging. A user can easily see and respond to every interaction received.

Group invitation
Group invitation notification
Comment
Comment notification
Fave
Fave notification
Llama badge
Llama badge notification

Gamification and a sense of Deviousness

Making a fun experience with amazing illustrations and great content.

Llama badges page
Llama badges page

Empty-state illustrations for all three themes: Dark, Light and Green.

Empty state, dark theme Empty state, light theme Empty state, green theme

Transforming notifications from passive alerts into meaningful moments that drive action, engagement, and connection.