Collaborative Platform For Shared Insight And Collective Productivity
Collaborative Platform For Shared Insight And Collective Productivity
Collaborative Platform For Shared Insight And Collective Productivity

Kollab is a collaborative app designed to eliminate friction in team-based project work. Rather than scattering communication across multiple channels, Kollab brings project planning, progress visualization, and peer review together into one system where every action is visible and purposeful.

By positioning teachers and supervisors as active participants at every stage, Kollab transforms project work from isolated individual efforts into shared laboratories where coordination is intentional and quality is prioritized.

Kollab is a collaborative app designed to eliminate friction in team-based project work. Rather than scattering communication across multiple channels, Kollab brings project planning, progress visualization, and peer review together into one system where every action is visible and purposeful.

By positioning teachers and supervisors as active participants at every stage, Kollab transforms project work from isolated individual efforts into shared laboratories where coordination is intentional and quality is prioritized.

Role

Product Designer

Research


Timeline

Feb 2023 - MAY 2023

type

Individual Project

DELIVERABLES

Problem Definition

Interaction Model

Visual System

Research Process

Teamwork is ubiquitous in today's work and study environments. However, without clear oversight, balanced task allocation, and reflective review, teams often experience inefficiencies and disengagement. A literature review shows that nearly one-third of teams experience “free-riding” or “social loafing.” In remote or hybrid settings, this can cause a 68% decrease in internal interactions.

[Fig 1]

Hybrid Working Style

[Fig 2]

Scattered Working Space

To define the problem space, I conducted a mixed-methods study combining a 20-question survey and three semi-structured interviews:

[Fig 3]

Mixed-Methods Study

Based on the research information, I tried to dig deeper to understand the key players in the collaboration. I mapped out common teamwork flows and examined possible pain points closely.

Extreme Member

#Indifferent #Negative #Uncooperative

"I find that the projects are mostly boring, with no strong incentive to produce rewarding outcomes."

Ordinary Member

#Enthusiastic #Cooperative #Pressure Driven

"I can be overwhelming, especially before the due date. I might lack planning and organizational skills.

Instructor

#Busy #Warmhearted #Efficiency-oriented

"I was frustrated by the tedious project process and the need to balance my time during the engagement."

[Fig 4]

User Archetype

Drawing from user interviews and role-based archetype analysis, four key challenges in team collaboration were identified. These challenges reflect recurring breakdowns in communication, coordination, and accountability structures.

lack of motivation

The unclear value of project outcomes leads to a loss of enthusiasm.

Irrational planning patterns

Existing team planning often leads to poor project communication.

Lack Cross-team Communication

Cross-team communication difficulties directly lead to unhealthy competition.

Lack regulation

Project division of labor remains invisible, individual efforts exist solely as a black box.

[Fig 5]

User Archetype

Goals

we conducted an ecosystem mapping exercise to identify six key research priorities that shape collaborative workflows. Using these insights, we applied the MoSCoW prioritization framework to determine the core MVP, focusing on essential functions that directly address the most critical pain points.

M

Must Have

optimize the logic of Assign Work

Improve cross group communication Channel

S

Should Have

Import more effective Stage Check modes

Summarize relevant Opportunity

C

Could Have

Automatically organize and export

W

Won’t Have

Improve evaluation process

[Fig 6]

MoSCoW Analysis

Kollab is designed to:

Kollab is designed to:

Empower small teams to collaborate with purpose, drive, and shared reward.

Empower small teams to collaborate with purpose, drive, and shared reward.

Empower small teams to collaborate with purpose, drive, and shared reward.

[Fig 7]

Prototype Display

Design Solution

We mapped the core MVP into a structured design architecture and developed wireframes using a system-level approach:

Mandatory co-plan schedule

is the collaboration solution

Mandatory co-plan schedule

is the collaboration solution

Mandatory co-plan schedule

is the collaboration solution

Optimize the process of division & Improve the efficiency of communication

Optimize the process of division & Improve the efficiency of communication

Right-limited visualization

is the communication solution

Optimize project progress visualization and cross-team communication

Right-limited visualization

is the communication solution

Optimize project progress visualization and cross-team communication

Check by Third-Party

is the quality solution

Check by Third-Party

is the quality solution

Set up other supervisory roles (mainly teachers) to improve quality.

Set up other supervisory roles (mainly teachers) to improve quality.

Opportunities-topics based

is the opportunity solution


Opportunities-topics based

is the opportunity solution

Arrange transformation opportunities based on themes and relevance.

Arrange transformation opportunities based on themes and relevance.

After finalizing the prototype, I conducted usability testing with three participants. The insights gathered from these sessions revealed several areas for improvement:

Multi-view

Multi-view

Increase multi-perspective version of key participating users

Increase multi-perspective version of key participating users

Convenience

Convenience

Optimize the intuitiveness of the interaction hierarchy

Optimize the intuitiveness of the interaction hierarchy

After validating the wireframes, I created a color palette and typography system to ensure visual consistency.

LOGO Design

Alignment has to be optical rather than mathematical

Alignment has to be optical rather than mathematical

Colour Palette

#2786CC

#517E9F

Efficiency and Vitality

Serious and Meticulous

Typography

Roboto Mono

Light

Regular

Medium

Bold

Heading

Noto Sans

Light

Regular

Medium

Bold

Text

Reem Kufilnk

Regular

Bold

Subtitle