
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.














