Designed a chat feature to facilitate team collaboration and improve work efficiency

Designed a chat feature to facilitate team collaboration and improve work efficiency

Designed a chat feature to facilitate team collaboration and improve work efficiency

To supercharge team communication and collaboration within Sketchnote, eliminating the need for external messaging platforms.

To supercharge team communication and collaboration within Sketchnote, eliminating the need for external messaging platforms.

To supercharge team communication and collaboration within Sketchnote, eliminating the need for external messaging platforms.

Summary

Sketchnote's existing communication features were causing workflow fragmentation for teams. Users struggled with context-switching between the project management platform and external messaging apps, while project managers wanted to keep all project-related discussions in one place. The existing system was not meeting the evolving needs of teams for comprehensive, real-time collaboration efficiently.

TIMELINE

May - June 2023

TEAM

1 Design Manager

1 Designer (me)

1 Product Manager

TOOLS

Figma

Sketchnote

DISCIPLINES

Visual Design

Product Strategy

Prototyping

Context

Sketchnote is an all-in-one web application to help first-time and seasoned entrepreneurs, plus their businesses. It aims to help entrepreneurs manage their tasks, schedules, and projects more efficiently. The app targets people who need to balance multiple responsibilities and seek a tool to streamline their workflow.

struggle

Sam, frazzled UX designer, juggles Figma, Sketchnote, and Slack. Client deadline creeps closer.

Ping! 35 design assets flood Slack. Sam's brain melts switching tabs and losing focus.

Hours vanish. Sam's way behind schedule.

transformation

How do teams fully integrate Chat View into their daily project management workflow?

How do teams fully integrate Chat View into their daily project management workflow?

Creating a dedicated chat file for each project within Sketchnote, similar to how they might use a Slack channel. Naming the chat file specific to the project (e.g., "Acme Project All") to easily identify and access project-related discussions. Using the chat file as a central hub for all project-related communications eliminates the need to switch to external messaging apps (like Slack and WhatsApp).


  • Chat View allows real-time communication within Sketchnote.

  • Users can create chat rooms for specific projects or topics.

  • The feature includes rich formatting options, file embedding, and @mentions.

Creating a dedicated chat file for each project within Sketchnote, similar to how they might use a Slack channel. Naming the chat file specific to the project (e.g., "Acme Project All") to easily identify and access project-related discussions. Using the chat file as a central hub for all project-related communications eliminates the need to switch to external messaging apps (like Slack and WhatsApp).


  • Chat View allows real-time communication within Sketchnote.

  • Users can create chat rooms for specific projects or topics.

  • The feature includes rich formatting options, file embedding, and @mentions.

Creating a dedicated chat file for each project within Sketchnote, similar to how they might use a Slack channel. Naming the chat file specific to the project (e.g., "Acme Project All") to easily identify and access project-related discussions. Using the chat file as a central hub for all project-related communications eliminates the need to switch to external messaging apps (like Slack and WhatsApp).


  • Chat View allows real-time communication within Sketchnote.

  • Users can create chat rooms for specific projects or topics.

  • The feature includes rich formatting options, file embedding, and @mentions.

Creating a dedicated chat file for each project within Sketchnote, similar to how they might use a Slack channel.

Using the chat file as a central hub for all project-related communications eliminates the need to switch to external messaging apps.

Leveraging the markdown editor capabilities to enhance the clarity and organization of communications within the project chat.

Enhance conversations with rich formatting (headings, callouts, tables, lists), embedded media (images, videos), and @mentions for team notifications, centralizing project assets and communication while ensuring critical updates reach the right people.

learnings

1: Listening and Responding to User Feedback

Building features that directly address user pain points significantly enhances user satisfaction and adoption.

2: Simplification of Complex Systems

How to streamline user communication within Sketchnote by integrating the Chat View feature, reducing reliance on external apps and improving workflow efficiency.

3: Balancing multiple stakeholder needs

Addressing user feedback for deeper in-app conversations while meeting the company's goal of keeping all project-related communication centralized within Sketchnote.

impact and key metrics

Through user feedback and feature integration, the Chat View feature streamlined project communication, resulting in a significant XX% increase in user engagement, highlighting the value of in-app collaboration tools.


*Metrics are kept confidential

Through user feedback and feature integration, the Chat View feature streamlined project communication, resulting in a significant XX% increase in user engagement, highlighting the value of in-app collaboration tools.


*Metrics are kept confidential

Through user feedback and feature integration, the Chat View feature streamlined project communication, resulting in a significant XX% increase in user engagement, highlighting the value of in-app collaboration tools.


*Metrics are kept confidential

Divyansh Pareek © 2024

|

10:10 AM

Divyansh Pareek © 2024

|

10:10 AM