top of page

PCRecruiter
ATS and CRM hybrid software

Main Sequence Technology

deals full analytics mockup.png
image_edited.png

About the project

As the UX/UI Designer and Design Lead at MainSequence Technology, I led the redesign of PCRecruiter — an enterprise-level ATS and CRM software used by staffing agencies and HR teams worldwide to manage talent acquisition and client relationships.

I focused on enhancing usability, streamlining workflows, and modernizing the overall experience, while also contributing to the new brand identity of the platform.

Tools used

  • ​Figma for UI design and prototyping

  • AI tools for design ideation and content optimization

  • User interviews for gathering insights

  • Card sorting & information architecture for navigation improvements

  • Branding development for the new visual identity of PCRecruiter

Initial UX Research

Who are our users?

Before diving into UI design and new features created, I started understanding who our users and clients were, what were their needs and overall their profile and journey.

Customer journey

Each role has a different journey that can be completed through PCR, however one of the most important ones is the Recruiter role, despite this role is in charge of multiple tasks, for an initial exercise we decided to research the recruitment journey:

Customer Journey.png

Want more? Click here to see the +60 handed-off projects

Key Feature #1

Artificial Intelligence Search

How can we make search feel as easy as asking a question?

Recruiters needed a smarter, faster way to find candidates, jobs, and any records using natural language — without relying on complex filters.

The goal was to design an intuitive AI-powered search that felt effortless to use, explained how it worked, and delivered clear, trustworthy results.

How did I translate AI power into real user value?

1

Research

Conducted user interviews and task analysis to identify how recruiters search and where friction occurs.

ai gradient search.png

3

AI Help module

Explains the feature, offers use cases, and sets expectations for limitations

Implemented contextual tooltip that drives users to AI Search discovery and adoption

tooltip ai.png

2

Designed a conversational UI 

Natural language input, auto-suggestions, and feedback cues

Rating answers help AI to become smarter

Screenshot 2025-04-14 at 5.43.41 PM.png

4

Defined the visual system for AI responses

Including helpful suggestions when the AI can’t interpret the user's input, guiding them to refine their query and improve results

no results ai.png
Combine 2 options context and proposals.png
Punctuation.png

5

Designing User Flows

Designed detailed UI flows and high-fidelity screens in Figma, focusing on layout, hierarchy, and interaction clarity

6

Handoff and Dev collaboration

Collaborated with developers and product managers to ensure the design aligned with AI capabilities and backend constraints

Other AI features designed for PCRecruiter

Job Decription AI Generator

Designed the UI entry point, including a clear call-to-action button and a “Retry” option for quick content regeneration, making the feature easy to access

AI_Flow_2.png

Email AI assisstant

Created the UX for an AI assistant that helps recruiters draft outreach emails to candidates. The assistant asks for the tone and goal of the message, then generates the email

AI_Flow_2.png

Want to see more about these projects?
AI Suite in PCRecruiter

Key Feature #2

Recruitment Simple Sequence 

A dynamic workflow builder that helps recruiters organize and execute daily tasks with clarity.

I was responsible for the full experience—from defining user flows to designing the interface for creating and managing sequences with a mix of manual and automated steps. 

Simple sequence step.png
Map.png
Simple sequence notifications.png
Skip steps_row_action_selected.png
This is just a preview!
More details, behind-the-scenes design decisions, and user flows will be added soon

Key Feature #3

Deals - Visual Pipeline for Recruiters

Led the UX/UI design for a Kanban-style board that helps recruiters manage deals across stages. I also adjusted the integrated analytics to track progress, wins/losses, and performance—turning data into actionable insights.

deals full analytics mockup.png
create a deal form.png
Deals kanban view
Screenshot 2025-04-14 at 5.56.02 PM.png
Just the beginning!
More design insights, user flows and behind-the-scenes coming soon

Key feature #4

Information Architecture for Records

Names, companies and positions records can store tons of important information for PCR users

How can all this information be structured in a easy way to read, search and modify in the UI?

1. UI analysis

All started with the analysis of the current version of record views.

Usability testing: 10 test were done with users of initial version. Results are going to be compared after the new design in place.

Here are some UX challenges identified:

No search bar or quick navigation

Excessive scrolling and no visual anchors

Edit mode always

All fields visible all the time

No indicators for unsaved changes

Information not  structured

Inconsistent layout and poor alignment

Position

Screens reviewed & tested:

Name

image 44.png

Company

image 45.png
image 46.png
2. Information architecture exercise

 A list with all the fields for each record was done and shared with 15 users with different roles (recruiters, sales executives, business operations..) and we asked them to group and label them in groups

This way we identified patterns on how users can potentially find terms based on the groups names they were created, which suprinsingly were repeated in the results

3. UX/UI Design

The new design addresses the issues of findability and while enhancing the experience of field interactions. Key changes implemented include:

Group 61.png

Chips to navigate to each information group

Search bar

Read mode as default

​

Edit all option included

and individual edit mode when hovering

Toggle to hide empty values

Email, website links and phone numbers actually work as links in read mode

Hover interaction of edit icon.png

During the initial usability testing with older designs, users faced challenges when editing fields that needed more space and additional editing options, such as the job description and candidate summary. This led us choose a specialized design for these elements:

Screenshot 2025-05-07 at 1.16.12 AM.png
Position_Job_description_modal.png
3. Usability testing

10 users participated in the usability testing of the new design

Aspect evaluated and task

Before (problem)

UX Metrics (Before → after)

Findability

"Find the candidate location"

No search, user scrolls manually

  • Task completion rate: 60% → 100%

  • Task time (avg): 120s → 44s

  • Errors: 3 → 0

Visual clarity / Cognitive load

"Read through the company record and summarize any data quality issue"

Gray noisy fields, always edit mode

  • NASA-TLX (avg): 70/100 → 30/100

  • SUS: 55 → 85

Information Architecture

"Locate candidate desired salary and identify if candidate is a veteran"

No grouping or structured info, hard to scan

  • Task success rate: 50% → 90%

  • User confidence: 4/10 → 9/10

Guidance and Feedback

"Edit the job description, title and fee compensation and leave without saving" Mention your impressions

Lack of system visiblity status (edit, read, save..) Poor error messages

  • Error recovery rate: 40% → 100%

  • First-time success: 50% → 90%

NASA-TLX (Task Load Index): 0-100 scale | SUS (System usability scale): 0-100 scale | User confidence: 0-7 scale

The redesign improved usability by making tasks faster, reducing errors, and increasing user confidence. Key improvements like the search bar, better information grouping, and clearer visuals enhanced efficiency and satisfaction, as reflected by higher SUS scores and lower task completion times.

3. Handoff to development

The handoff included:

  • Blue lines specs for new components

  • Views samples for each record, including a full screen and flyout mode 

  • The user flow specs

  • Navigation and search functionalities

  • Different modes (edit, read, save and error) with all the interactions around them

Not enough?
+60 handoff PCR projects here, have fun!

Navigate through figma pages dropdown 

AMANDA MORALES

UX/UI Designer

dog_edited.png

© 2025 Amanda Morales. All rights reserved

bottom of page