Web app for Streamlining Team Collaboration, Communication & HR

Note: This product is in active development. My Role: Product Designer

Inspired by platforms like ClickUp and Notion but frustrated by their complexity and lack of deep integration across departments, I envisioned a system that balanced structure, collaboration, and flexibility.

The goal was to create a workspace that met the needs of cross-functional teams—from project managers to HR professionals without overwhelming them. The platform would not only manage tasks but also drive effective communication, track employee progress, and support company-wide planning and operations—all in one place.

Modern teams often juggle multiple disconnected tools—one for task management, another for communication, yet another for HR and file sharing. This leads to:

To solve this, the platform needed to achieve:

A centralized hub for all team activities

Seamless transitions between projects, communication, and HR

Flexibility to adapt to teams of all sizes and industries

An intuitive interface that encourages adoption without a learning curve

I conducted interviews with team leads, project managers, HR staff, and startup founders to understand the pain points they faced using existing productivity tools. Some key insights:

Teams hated switching between apps for conversations, tasks, and documentation.

HR processes were often an afterthought, handled on Excel sheets or external platforms.

Sprint planning was messy—tools didn’t reflect real workflows.

Employees wanted clarity around structure, accountability, and schedules.

To better inform the platform design, I studied:

ClickUp & Notion — for their flexibility and modular approach

Slack & Discord — to understand real-time communication patterns

Deel & BambooHR — to benchmark robust HR and payroll systems

Google Workspace — to model seamless file and calendar integration

1. Project Management

Project Lifecycle: Create, manage, and delete projects with ease

Visibility Controls: Toggle between public or private projects

Advanced Filtering: Filter projects by timeline, team, or status

Team Assignment: Add or remove team members with granular permissions

2. Task & Milestone Management

Detailed Task Cards: Include deadlines, assignees, priority levels, sub-tasks, and labels

Sprint Planning with Milestones: Plan and track sprint cycles with built-in milestone tracking

Progress Visualization: Kanban boards, lists, and timelines for flexible project views

3. Chats & Communication

Group Channels & DMs: Real-time messaging within teams or privately

Voice Notes & Attachments: Send quick updates or share files instantly

Video & Audio Calls: Built-in conferencing for smooth collaboration

4. Modules for Mini-Projects

Designed to support side experiments or isolated initiatives within large projects

Track progress, assign contributors, and keep documentation separate yet accessible

5. HR Management Suite

Employee Directory & Profiles: Manage details, roles, and performance

Leave Management: Track vacation requests, sick leave, and approvals

Attendance Monitoring: Auto-logging systems with check-in/out

Payroll Integration: Automate salary distribution and bonuses

Recruitment Tracker: Manage job postings, applications, and onboarding

Org Chart: Visualize team structures and reporting lines

6. Notes

Centralized place for meeting notes, brainstorms, personal memos

Searchable, linkable, and shareable within projects or chats

7. File Management

Store, upload, and organize documents across teams and departments

Real-time collaboration and file preview support

Permission levels for security and transparency

8. Scheduling & Calendar

Sync across teams with shared and personal calendars

Drag-and-drop task and meeting scheduling

Event reminders and milestone deadlines auto-populate in calendars

Color System: Neutral base tones with functional color accents purple for primary actions, green for progress indicators, red for urgency

Typography: Clean and modern typeface emphasizing clarity and legibility

Micro-Interactions: Smooth hover states, snapping animations, and contextual tooltips

Navigation Structure: Left-side modular menu and contextual top bar to reduce cognitive load

Unified Simplicity is Powerful Bringing together complex tools into one platform shouldn’t feel overwhelming.

Transparency Builds Trust Whether it's project visibility, employee performance tracking, or leave management, people want clarity. Smart permissions and clean UX helped deliver that.

HR Shouldn’t Be Hidden Traditional workspaces treat HR as a backend process. Making it front-facing and interactive elevated the employee experience and made it easier to manage people ops.

Modular Design Wins Teams want freedom. Allowing flexible modules, whether for side projects or specific departments was a major usability advantage.

Finalize high-fidelity prototypes for core modules

Continue testing with real teams (project managers, HR staff, founders)

Collaborate with developers to begin iterative rollouts