Project overview

Humancloud’s web platform was designed to streamline collaboration between clients, partners, managers, and resources through a single digital workspace. The goal was to centralize communication, improve project visibility, simplify operational workflows, and reduce management overhead. The platform also supported essential business functions such as resource hiring, payment management, project tracking, and timesheet monitoring, creating a more efficient and transparent experience for all user groups.

Limited work showcased due to NDA*

Product overview

Product overview

Product overview

Humancloud’s web platform was designed to streamline collaboration between clients, partners, managers, and resources through a single digital workspace. The goal was to centralize communication, improve project visibility, simplify operational workflows, and reduce management overhead. The platform also supported essential business functions such as resource hiring, payment management, project tracking, and timesheet monitoring, creating a more efficient and transparent experience for all user groups.

Humancloud’s web platform was designed to streamline collaboration between clients, partners, managers, and resources through a single digital workspace. The goal was to centralize communication, improve project visibility, simplify operational workflows, and reduce management overhead. The platform also supported essential business functions such as resource hiring, payment management, project tracking, and timesheet monitoring, creating a more efficient and transparent experience for all user groups.

Humancloud’s web platform was designed to streamline collaboration between clients, partners, managers, and resources through a single digital workspace. The goal was to centralize communication, improve project visibility, simplify operational workflows, and reduce management overhead. The platform also supported essential business functions such as resource hiring, payment management, project tracking, and timesheet monitoring, creating a more efficient and transparent experience for all user groups.

Limited work showcased due to NDA*

Limited work showcased due to NDA*

Project type:

Project type:

Web platform @ Humancloud Technologies

Web platform @ Humancloud Technologies

Duration:

Duration:

6 months

6 months

My Role:

My Role:

UX & UI Designer

UX & UI Designer

Responsibilities:

Responsibilities:

• User research

• User research

• Wireframing

• Wireframing

• Interactive prototyping

• Interactive prototyping

• UI Design & handoff

• UI Design & handoff

Problem statement

Problem statement

As Humancloud technologies scaled its network of clients, partners, and projects, it needed to replace its outdated and fractured system with a unified platform that improved project visibility, insights, and payment management for managers, partners, outsourced resources, and clients

As Humancloud technologies scaled its network of clients, partners, and projects, it needed to replace its outdated and fractured system with a unified platform that improved project visibility, insights, and payment management for managers, partners, outsourced resources, and clients

As Humancloud technologies scaled its network of clients, partners, and projects, it needed to replace its outdated and fractured system with a unified platform that improved project visibility, insights, and payment management for managers, partners, outsourced resources, and clients

The North Star — one platform, complete control

The North Star — one platform, complete control

The North Star — one platform, complete control

To develop a platform to be used by the Humancloud team, managers, clients, and resources to monitor project progress, payment details, work hours, and hiring. It should also provide insights to clients and partners about the growth they have achieved partnering with Humancloud.

To develop a platform to be used by the Humancloud team, managers, clients, and resources to monitor project progress, payment details, work hours, and hiring. It should also provide insights to clients and partners about the growth they have achieved partnering with Humancloud.

To develop a platform to be used by the Humancloud team, managers, clients, and resources to monitor project progress, payment details, work hours, and hiring. It should also provide insights to clients and partners about the growth they have achieved partnering with Humancloud.

Target audience

Target audience

Target audience

HR and Accounts

Employees

Clients

Project Managers

The core processes driving us toward the North Star

The core processes driving us toward the North Star

The core processes driving us toward the North Star

We structured the workflow process into three phases—Understand, Design, and Verify. These methodologies used across these phases helped shape the product.

We structured the workflow process into three phases—Understand, Design, and Verify. These methodologies used across these phases helped shape the product.

We structured the workflow process into three phases—Understand, Design, and Verify. These methodologies used across these phases helped shape the product.

Interview-Driven Personas

Interview-Driven Personas

Interview-Driven Personas

To better shape up product we took divided the understand phase into empathizing with user needs via interviews and then turning those insights into personas and actionable items for the product.

To better shape up product we took divided the understand phase into empathizing with user needs via interviews and then turning those insights into personas and actionable items for the product.

To better shape up product we took divided the understand phase into empathizing with user needs via interviews and then turning those insights into personas and actionable items for the product.

Insights gained via interviews

Insights gained via interviews

  • The interviews revealed that operational delays were caused due to usage of separate tools for project planning, finance, time tracking, and reporting. A unified system needed to act as a shared source of truth across HR, project, and finance workflows.

  • Payment delays were frequently caused by unclear dependencies between timesheets, approvals, invoices, and payouts. Making ownership, status, and the next required action visible became more important than simply digitizing the existing forms.

  • Employees and managers did not have a reliable source of truth. A significant part of their work involved finding, verifying, and reconciling information regarding who is working on which project than completing the actual task.

  • A single generic dashboard would either overwhelm users or hide the information most relevant to their responsibilities. Users needed role-specific access, priorities, and actions.

  • The interviews revealed that operational delays were caused due to usage of separate tools for project planning, finance, time tracking, and reporting. A unified system needed to act as a shared source of truth across HR, project, and finance workflows.

  • Payment delays were frequently caused by unclear dependencies between timesheets, approvals, invoices, and payouts. Making ownership, status, and the next required action visible became more important than simply digitizing the existing forms.

  • Employees and managers did not have a reliable source of truth. A significant part of their work involved finding, verifying, and reconciling information regarding who is working on which project than completing the actual task.

  • A single generic dashboard would either overwhelm users or hide the information most relevant to their responsibilities. Users needed role-specific access, priorities, and actions.

  • The interviews revealed that operational delays were caused due to usage of separate tools for project planning, finance, time tracking, and reporting. A unified system needed to act as a shared source of truth across HR, project, and finance workflows.

  • Payment delays were frequently caused by unclear dependencies between timesheets, approvals, invoices, and payouts. Making ownership, status, and the next required action visible became more important than simply digitizing the existing forms.

  • Employees and managers did not have a reliable source of truth. A significant part of their work involved finding, verifying, and reconciling information regarding who is working on which project than completing the actual task.

  • A single generic dashboard would either overwhelm users or hide the information most relevant to their responsibilities. Users needed role-specific access, priorities, and actions.

Role-based affinity mapping

Role-based affinity mapping

Role-based affinity mapping

From the understand phase we figured out that each role needs has different requirement, be it clients, partners, employees or HR/finance teams. Role-based affinity mapping was used to brainstorm the needs of each role and features opportunities to complete the needs.

From the understand phase we figured out that each role needs has different requirement, be it clients, partners, employees or HR/finance teams. Role-based affinity mapping was used to brainstorm the needs of each role and features opportunities to complete the needs.

From the understand phase we figured out that each role needs has different requirement, be it clients, partners, employees or HR/finance teams. Role-based affinity mapping was used to brainstorm the needs of each role and features opportunities to complete the needs.

Information architechture

Information architechture

Information architechture

Translating research and feature opportunities into a clear, intuitive structure of the platform’s content and features.

Translating research and feature opportunities into a clear, intuitive structure of the platform’s content and features.

Translating research and feature opportunities into a clear, intuitive structure of the platform’s content and features.

Wireframes

Wireframes

Wireframes

Early layout explorations to define structure, user flow, and key interactions.

Early layout explorations to define structure, user flow, and key interactions.

Early layout explorations to define structure, user flow, and key interactions.

Final Designs

Final Designs

Final Designs

High-fidelity screens showing the final visual design and user experience.

High-fidelity screens showing the final visual design and user experience.

High-fidelity screens showing the final visual design and user experience.

Related Projects

Related Projects

Let's talk about your project.

Got a project in mind? Let's create something great. We can transform that idea into real product.

and make it real together

Let's talk about your project.

Got a project in mind? Let's create something great. We can transform that idea into real product.

Let's talk about your project.

Got a project in mind? Let's create something great. We can transform that idea into real product.

and make it real together