let's chat

Optimized Business Collaboration

Streamlining Workflows with Quick Actions, Project Hierarchy & Advanced Filtering

client

Qollabi

company

UserActive

category

BRM

team

Lead designer and product managers

role

Product designer

Intro

Qollabi is a Business Relationship Management (BRM) software that enables organizations to collaborate on mutual success plans using the Objective & Key Results (OKR) framework.

Intro

Qollabi is a Business Relationship Management (BRM) software that enables organizations to collaborate on mutual success plans using the Objective & Key Results (OKR) framework.

Problem

Qollabi’s platform, designed to help businesses manage partnership goals, faced usability issues including slow workflows due to the lack of quick actions, inefficiencies caused by repetitive tasks, an unstructured project hierarchy that made prioritization and navigation difficult, and limited, inflexible column filtering options that hindered users from easily finding relevant information.

Problem

Process

To address these challenges, we followed a structured user-centered design approach:

Collaborated closely with product managers to ensure design improvements aligned with business goals and OKRs derived from user needs and feedback.
Analyzed current user workflows to identify inefficiencies and developed hierarchical structures to improve the organization of projects and tasks.
Designed low-fidelity wireframes to explore various interaction models for Quick Actions, Project Hierarchy, and Column Filtering, followed by developing interactive prototypes to validate these concepts before implementation.
Created high fidelity designs and prepared the documentation for developers handoff

To address these challenges, we followed a structured user-centered design approach:

Collaborated closely with product managers to ensure design improvements aligned with business goals and OKRs derived from user needs and feedback.
Analyzed current user workflows to identify inefficiencies and developed hierarchical structures to improve the organization of projects and tasks.
Designed low-fidelity wireframes to explore various interaction models for Quick Actions, Project Hierarchy, and Column Filtering, followed by developing interactive prototypes to validate these concepts before implementation.
Created high fidelity designs and prepared the documentation for developers handoff

To address these challenges, we followed a structured user-centered design approach:

Collaborated closely with product managers to ensure design improvements aligned with business goals and OKRs derived from user needs and feedback.
Analyzed current user workflows to identify inefficiencies and developed hierarchical structures to improve the organization of projects and tasks.
Designed low-fidelity wireframes to explore various interaction models for Quick Actions, Project Hierarchy, and Column Filtering, followed by developing interactive prototypes to validate these concepts before implementation.
Created high fidelity designs and prepared the documentation for developers handoff

Impact

Translated complex UX into structured, dev-ready design, reduced iteration cycles—helping product teams reach KPI milestones faster and with fewer revisions

Process

To address these challenges, we followed a structured user-centered design approach:

Collaborated closely with product managers to ensure design improvements aligned with business goals and OKRs derived from user needs and feedback.
Analyzed current user workflows to identify inefficiencies and developed hierarchical structures to improve the organization of projects and tasks.
Designed low-fidelity wireframes to explore various interaction models for Quick Actions, Project Hierarchy, and Column Filtering, followed by developing interactive prototypes to validate these concepts before implementation.
Created high fidelity designs and prepared the documentation for developers handoff

Solution

We delivered three key improvements to optimize the platform’s usability:

1. Quick Actions

Customizable actions, allowing users to define their frequently used tasks.

2. Projects Hierarchy

Clear multi-level project structure, improving navigation and prioritization.
Visual indicators to differentiate between project levels

3. Column Filtering Options

Advanced filtering controls, enabling users to sort and customize their data views.

We delivered three key improvements to optimize the platform’s usability:

1. Quick Actions

Customizable actions, allowing users to define their frequently used tasks.

2. Projects Hierarchy

Clear multi-level project structure, improving navigation and prioritization.
Visual indicators to differentiate between project levels

3. Column Filtering Options

Advanced filtering controls, enabling users to sort and customize their data views.

We delivered three key improvements to optimize the platform’s usability:

1. Quick Actions

Customizable actions, allowing users to define their frequently used tasks.

2. Projects Hierarchy

Clear multi-level project structure, improving navigation and prioritization.
Visual indicators to differentiate between project levels

3. Column Filtering Options

Advanced filtering controls, enabling users to sort and customize their data views.

Solution

We delivered three key improvements to optimize the platform’s usability:

1. Quick Actions

Customizable actions, allowing users to define their frequently used tasks.

2. Projects Hierarchy

Clear multi-level project structure, improving navigation and prioritization.
Visual indicators to differentiate between project levels

3. Column Filtering Options

Advanced filtering controls, enabling users to sort and customize their data views.

Impact

Translated complex UX into structured, dev-ready design, reduced iteration cycles—helping product teams reach KPI milestones faster and with fewer revisions

Impact

Translated complex UX into structured, dev-ready design, reduced iteration cycles—helping product teams reach KPI milestones faster and with fewer revisions

Impact

Translated complex UX into structured, dev-ready design, reduced iteration cycles—helping product teams reach KPI milestones faster and with fewer revisions