Create the UX for a figma page for me (multiple actions in one page)
Budget: ₹600 – ₹1,500 INR
Hi, I am looking for an experienced UX developer who can help me create a single figma page. It will have the following specifications. I will provide you with our design system and existing components.
You can see a copy of the design system and components here - https://www.figma.com/design/xt8O9mFeLl46C5InWwoMrN/Twenty?node-id=15563-46188&m=dev
Overview
The Recruitment Operations Command Center is a centralized web application designed to streamline the entire recruitment workflow from sourcing to offer management. This platform integrates candidate tracking, communication, and document management in a single interface, allowing recruitment teams to efficiently manage their pipeline.
Product Goals
Create a unified platform for managing the entire recruitment lifecycle
Improve team collaboration with shared visibility of candidates and activities
Increase efficiency through automation and centralized communication
Provide comprehensive data visualization and reporting capabilities
User Interface Layout
The interface will consist of three main sections:
Left Navigation (25%): Contains menu options, job settings, and workspace filters
Main Table Area (60%): Displays candidate information with sortable/filterable columns
Right Panel (40%): Shows candidate details, communication history, and action options
Core Features
1. Navigation and Global Settings
Job Configuration Panel
Modal for editing parsed job descriptions
Global variable settings for:
Active candidate sourcing channels (LinkedIn, Naukri)
Passive candidate sourcing channels (LinkedIn, Naukri)
Outreach channels (WhatsApp Web, WhatsApp Business API, LinkedIn)
Workspace member filter to view assignments and activities
Process Stage Tracker
Visual representation (chevrons or stepper design) showing current stage:
Sourcing → Enrichment → Filtering → Outreach → Shortlisting → Interviewing → Offer
Ability to update stages for individual or multiple candidates
System Status Indicators
Chrome extension connection status (connected/disconnected)
Integration status for all connected platforms
2. Candidate Table (Main Area)
Data Display
Sortable and filterable columns showing candidate information
Editable cells for quick updates
Color-coded status indicators
Pagination controls
Column Management
Add/remove columns
Customize column order and width
Create derived/enriched columns based on existing data
Selection Features
Multi-select capability with checkbox column
Bulk action buttons for selected candidates
Selection count and summary statistics
3. Candidate Details Panel
Profile Overview
Contact information and key details
Source information and tracking data
Links to original profiles and connected accounts
History with other job applications in the system
Communication Center
Chat history from all platforms (WhatsApp, LinkedIn)
Call logs and recordings
Email correspondence
Meeting notes and interview feedback
Document Management
Resume/CV viewer
Document generation tools (blind CVs, one-pagers)
Document history and versioning
4. Action Controls
Bulk Actions
Start chats with multiple candidates
Send selected CVs to clients
Download CVs and candidate data
Change status for multiple candidates
Stop ongoing communications
Individual Actions
View full candidate profile
Edit candidate information
Schedule interviews
Generate custom documents
Navigation Controls
Next/Previous buttons to cycle through selected candidates
Return to table view
Quick filters for candidate subsets
5. Filtering and Search
Right-Side Filter Panel
Job search status filters
Technical skills and experience filters
Location and availability filters
Custom filter creation and saving
Search Functionality
Global search across all candidate data
Advanced search with boolean operators
Recent searches and saved search templates
You can see a copy of the design system and components here - https://www.figma.com/design/xt8O9mFeLl46C5InWwoMrN/Twenty?node-id=15563-46188&m=dev
Overview
The Recruitment Operations Command Center is a centralized web application designed to streamline the entire recruitment workflow from sourcing to offer management. This platform integrates candidate tracking, communication, and document management in a single interface, allowing recruitment teams to efficiently manage their pipeline.
Product Goals
Create a unified platform for managing the entire recruitment lifecycle
Improve team collaboration with shared visibility of candidates and activities
Increase efficiency through automation and centralized communication
Provide comprehensive data visualization and reporting capabilities
User Interface Layout
The interface will consist of three main sections:
Left Navigation (25%): Contains menu options, job settings, and workspace filters
Main Table Area (60%): Displays candidate information with sortable/filterable columns
Right Panel (40%): Shows candidate details, communication history, and action options
Core Features
1. Navigation and Global Settings
Job Configuration Panel
Modal for editing parsed job descriptions
Global variable settings for:
Active candidate sourcing channels (LinkedIn, Naukri)
Passive candidate sourcing channels (LinkedIn, Naukri)
Outreach channels (WhatsApp Web, WhatsApp Business API, LinkedIn)
Workspace member filter to view assignments and activities
Process Stage Tracker
Visual representation (chevrons or stepper design) showing current stage:
Sourcing → Enrichment → Filtering → Outreach → Shortlisting → Interviewing → Offer
Ability to update stages for individual or multiple candidates
System Status Indicators
Chrome extension connection status (connected/disconnected)
Integration status for all connected platforms
2. Candidate Table (Main Area)
Data Display
Sortable and filterable columns showing candidate information
Editable cells for quick updates
Color-coded status indicators
Pagination controls
Column Management
Add/remove columns
Customize column order and width
Create derived/enriched columns based on existing data
Selection Features
Multi-select capability with checkbox column
Bulk action buttons for selected candidates
Selection count and summary statistics
3. Candidate Details Panel
Profile Overview
Contact information and key details
Source information and tracking data
Links to original profiles and connected accounts
History with other job applications in the system
Communication Center
Chat history from all platforms (WhatsApp, LinkedIn)
Call logs and recordings
Email correspondence
Meeting notes and interview feedback
Document Management
Resume/CV viewer
Document generation tools (blind CVs, one-pagers)
Document history and versioning
4. Action Controls
Bulk Actions
Start chats with multiple candidates
Send selected CVs to clients
Download CVs and candidate data
Change status for multiple candidates
Stop ongoing communications
Individual Actions
View full candidate profile
Edit candidate information
Schedule interviews
Generate custom documents
Navigation Controls
Next/Previous buttons to cycle through selected candidates
Return to table view
Quick filters for candidate subsets
5. Filtering and Search
Right-Side Filter Panel
Job search status filters
Technical skills and experience filters
Location and availability filters
Custom filter creation and saving
Search Functionality
Global search across all candidate data
Advanced search with boolean operators
Recent searches and saved search templates
Related categories:
User Interface / IA
UX / User Experience
Figma
User Experience Research
Figma AI