Teamlyf SaaS
Streamlining Team Collaboration, Communication & HR in One Ecosystem
(Client)
Teamlyf
(TIMELINE)
3 months
(SERVICES)
Product design
(challenges)
Note: This product is in active development.
My Role: Product Designer
Introduction
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.
The Challenge
Modern teams often juggle multiple disconnected tools—one for task management, another for communication, yet another for HR and file sharing. This leads to:
Scattered workflows and missed deadlines
Disjointed communications
Manual HR processes and poor employee experience
Lack of visibility into organization-wide performance
(SOLUTION)
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
(SOLUTION)
Research & Insights
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
(SOLUTION)
Core Features & Solutions
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
(SOLUTION)
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
(SOLUTION)
Visual Language & Experience
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
(result)
2x
Conversion rate
40%
Reduced Bounce
7
Days ready
