diff --git a/javascript/apps/taiga/src/app/shared/navigation/notification/notification.component.html b/javascript/apps/taiga/src/app/shared/navigation/notification/notification.component.html
index 106884db3..75e1d1bb6 100644
--- a/javascript/apps/taiga/src/app/shared/navigation/notification/notification.component.html
+++ b/javascript/apps/taiga/src/app/shared/navigation/notification/notification.component.html
@@ -170,6 +170,35 @@
         </div>
       </div>
     </ng-container>
+    <ng-container *ngIf="notification.type === 'stories.workflow_change'">
+      <div class="notification-inner">
+        <ng-template
+          *ngTemplateOutlet="
+            tplAvatar;
+            context: { $implicit: notification.content.changedBy }
+          "></ng-template>
+
+        <div class="notification-info">
+          <p
+            class="type"
+            withInternalLink
+            [innerHtml]="
+              t(getTranslationKey(notification), {
+                username: notification.content.changedBy.fullName,
+                story: getStoryName(notification),
+                storyUrl: getStoryUrl(notification) | getUrl,
+                status: notification.content.status,
+                workflow: notification.content.workflow
+              })
+            "></p>
+          <ng-template
+            *ngTemplateOutlet="
+              tplDate;
+              context: { $implicit: notification }
+            "></ng-template>
+        </div>
+      </div>
+    </ng-container>
   </div>
 
   <ng-template
diff --git a/javascript/apps/taiga/src/assets/i18n/en-US.json b/javascript/apps/taiga/src/assets/i18n/en-US.json
index 11a5bd291..72efbc6bc 100644
--- a/javascript/apps/taiga/src/assets/i18n/en-US.json
+++ b/javascript/apps/taiga/src/assets/i18n/en-US.json
@@ -65,7 +65,8 @@
         "stories.unassign": "<span class='highlight'>{{username}}</span> was unassigned to the story <br/> <a href='{{storyUrl}}'>{{story}}</a>",
         "stories.status_change": "<span class='highlight'>{{username}}</span> changed the status of the story <br/> <a href='{{storyUrl}}'>{{story}}</a> to {{status}}",
         "story_comment.create": "<span class='highlight'>{{username}}</span> commented on the story <br/> <a href='{{storyUrl}}'>{{story}}</a>",
-        "stories.delete": "<span class='highlight'>{{username}}</span> deleted the story {{story}}"
+        "stories.delete": "<span class='highlight'>{{username}}</span> deleted the story {{story}}",
+        "stories.workflow_change": "<span class='highlight'>{{username}}</span> moved the story <br/> <a href='{{storyUrl}}'>{{story}}</a> to {{status}}  status on the {{workflow}} workflow."
       }
     }
   },
diff --git a/javascript/libs/data/src/lib/notification.model.ts b/javascript/libs/data/src/lib/notification.model.ts
index 59daaeb5a..6c1e12d59 100644
--- a/javascript/libs/data/src/lib/notification.model.ts
+++ b/javascript/libs/data/src/lib/notification.model.ts
@@ -67,9 +67,21 @@ export interface NotificationStoryDelete extends Notification {
   };
 }
 
+export interface NotificationWorkflowChange extends Notification {
+  type: 'stories.workflow_change';
+  content: {
+    story: Pick<Story, 'ref' | 'title'>;
+    project: Pick<Project, 'id' | 'name' | 'slug'>;
+    changedBy: Pick<User, 'color' | 'username' | 'fullName'>;
+    status: string;
+    workflow: string;
+  };
+}
+
 export type NotificationType =
   | NotificationStoryAssign
   | NotificationStoryUnassign
   | NotificationStoryStatusChange
   | NotificationStoryCommentCreate
-  | NotificationStoryDelete;
+  | NotificationStoryDelete
+  | NotificationWorkflowChange;