

Case study
Case study
Staffico SaaS product redesign
Background
Staffico is an enterprise SaaS product tailored to meet the unique needs of large recruitment agencies and medium to large-scale recruitment teams.
Staffico is an enterprise SaaS product tailored to meet the unique needs of large recruitment agencies and medium to large-scale recruitment teams.
Challenges
Initially, there are challenges due to the absence of a UX design process and a lack of user research, resulting in poor user acceptance of the first version. This necessitated a comprehensive redesign of the entire product, spanning user journeys, user flows, and page views.
Initially, there are challenges due to the absence of a UX design process and a lack of user research, resulting in poor user acceptance of the first version. This necessitated a comprehensive redesign of the entire product, spanning user journeys, user flows, and page views.
The main challenge was the initial negative user impression leading to reluctance in using the product. This hindered the use of methods like heat maps or usability testing, requiring a fresh start in user research.
The main challenge was the initial negative user impression leading to reluctance in using the product. This hindered the use of methods like heat maps or usability testing, requiring a fresh start in user research.
Overcoming another challenge involved navigating through newly developed features and connections, requiring a delicate equilibrium between making optimal decisions and extensive code rewriting.
Moreover, a significant portion of stakeholders and developers were attached to the current version's creation. Convincing them about the need for an immediate redesign after the recent product release was a notable challenge.
Moreover, a significant portion of stakeholders and developers were attached to the current version's creation. Convincing them about the need for an immediate redesign after the recent product release was a notable challenge.

Company
Bulpros (now Digitall)
Bulpros (now Digitall)
Duration
8 months
8 months
My role
User Research and Analysis
Information Architecture
UI, Usability testing
User Research and Analysis
Information Architecture
UI, Usability testing
Problem
The product had a cluttered interface, making it difficult for users to navigate and find essential features. The product's pre-configured workflows do not align with users' work processes and lack customization options, making it less engaging and user-friendly.
The product had a cluttered interface, making it difficult for users to navigate and find essential features. The product's pre-configured workflows do not align with users' work processes and lack customization options, making it less engaging and user-friendly.
Results
The redesigned app features a clean, clutter-free interface, making it easier for users to navigate and access essential features.
The improved onboarding process resulted in a 35% increase in new user adoption rates.
The addition of personalization and customization options enhanced user engagement, leading to a 25% increase in user retention rates.
The redesigned app features a clean, clutter-free interface, making it easier for users to navigate and access essential features.
The improved onboarding process resulted in a 35% increase in new user adoption rates.
The addition of personalization and customization options enhanced user engagement, leading to a 25% increase in user retention rates.
Project Goals
Enhance User Satisfaction
Through intuitive interfaces, process streamlining, and addressing identified pain points via user research, user satisfaction markedly improved
Through intuitive interfaces, process streamlining, and addressing identified pain points via user research, user satisfaction markedly improved
Optimize Conversion Rates
By thoughtfully orchestrating user flows and eliminating hindrances (such as intuitive Candidate profile creation and streamlined candidate progression tracking), overall product usage saw a notable rise.
By thoughtfully orchestrating user flows and eliminating hindrances (such as intuitive Candidate profile creation and streamlined candidate progression tracking), overall product usage saw a notable rise.
Elevate User Engagement
Heighten usability and accessibility contributed to increased user engagement
Heighten usability and accessibility contributed to increased user engagement
Mitigate User Errors
Clear, instructive feedback mechanisms were implemented, enabling users to accomplish tasks seamlessly, and reducing confusion and frustration.
Clear, instructive feedback mechanisms were implemented, enabling users to accomplish tasks seamlessly, and reducing confusion and frustration.
Outcome
1
Improving task flows, minimizing the number of steps required to complete actions, and providing clear feedback to users
2
Improved user satisfaction - more intuitive interfaces, streamlining processes, and addressing pain points identified through user research.


By carefully designing the user flow and removing obstacles (for instance easy Candidate profile creation, or a way of tracking and moving candidates through the project pipeline), we increase the overall product use.
Improved efficiency and productivity - by streamlining workflows, and automating some tasks, such as automatically assigning candidates to new statuses, or sending notification emails, we help users accomplish their goals more quickly and effectively.


3
Enhancing the visual design elements to create a visually appealing and cohesive user interface
We have increased user engagement by improving overall usability and accessibility
4
Reduced user errors and support requests by providing clear and helpful feedback, users can accomplish tasks without confusion or frustration
My Process


Competitive analysis

Identified opportunities
-> Mobile optimization
-> Integration ecosystem
-> Customization and branding
-> Advanced analytics
-> Automated interview scheduling
-> Customization for diverse workflows
-> Collaboration and communication
Stakeholder Interviews
I initiated one-on-one interviews with key stakeholders, including recruitment team managers, hiring managers, solution architect, and product managers. This allowed me to gain a comprehensive understanding of their work processes.architects
User interviews / Contextual inquiries

User Personas


Affinity mapping
We used a standard approach and grouped and clustered the information on a large wall in the office. Some POV statements based on the data received
POVs
HMWs
We would like to explore ways to streamline the hiring process and empower Recruiters to find the best candidates quickly and effectively
How might we optimize application flow?
HMW allow recruiters to track and manage candidates easily?
HMW make screening, filtering, and candidate prioritization better?
HMW optimize the conversion rate?
We would like to find ways to support inclusivity and ensure fair opportunities for all users.
HMW create an intuitive and clean design?
HMW meet accessibility standards such as WCAG?
Research insights

User Flows/ Task flows
One of the most important tasks flows optimization - Create Candidate Profile



Lo-Fi prototypes (paper)
Used paper prototypes to communicate my ideas with stakeholders

Wire flows
(Balsamiq)

Hi-Fi wireframes
(Illustrator)






Design Hand-off
Working closely with developers to create pages templates
Accessibility Guidelines: Share the accessibility requirements and guidelines
Iterative Development process
User testing on DEV environment and, based on the received feedback, necessary improvements are made


Outcome
Improved accessibility
-> Color contrast
-> Tables data with a proper heading and layout
-> Properly labeled input fields and buttons
-> Clear and concise content and plain language
Improved usability
-> Clear and intuitive design
-> Simple and clear error and system messages
(contextual and color-coded)
-> Simplified user flows
-> Error handling
-> Consistent and immediate feedback
More projects
Your compass to innovation and design excellence. From exploration to execution, this dynamic framework fuels creativity and precision, ensuring your product journey aligns seamlessly with user desires.

Staffico - SaaS product redesign
UX/UI design, Information Architecture, Design System
View case study

Casino back office redesign
UX audit, UX design, Design System, Interaction Design
View case study

Creative hardscape - website design and development
UX/UI design, CMS, Web development
View website

A-Labinsider - an academic life science app redesign
UX/UI design, IA, Data Visualization
Coming soon

Philips - internal IT portal (ServiceNOW) redesign
UX/UI design, IA, Interaction design
Not allowed to show project information

Staffico - SaaS product redesign
UX/UI design, Information Architecture, Design System
View case study

Casino back office redesign
UX audit, UX design, Design System, Interaction Design
View case study

Creative hardscape - website design and development
UX/UI design, CMS, Web development
View website

A-Labinsider - an academic life science app redesign
UX/UI design, IA, Data Visualization
Coming soon

Philips - internal IT portal (ServiceNOW) redesign
UX/UI design, IA, Interaction design
Not allowed to show project information

Staffico - SaaS product redesign
UX/UI design, Information Architecture, Design System
View case study

Casino back office redesign
UX audit, UX design, Design System, Interaction Design
View case study

Creative hardscape - website design and development
UX/UI design, CMS, Web development
View website

A-Labinsider - an academic life science app redesign
UX/UI design, IA, Data Visualization
Coming soon

Philips - internal IT portal (ServiceNOW) redesign
UX/UI design, IA, Interaction design
Not allowed to show project information

Staffico - SaaS product redesign
UX/UI design, Information Architecture, Design System
View case study

Casino back office redesign
UX audit, UX design, Design System, Interaction Design
View case study

Creative hardscape - website design and development
UX/UI design, CMS, Web development
View website

A-Labinsider - an academic life science app redesign
UX/UI design, IA, Data Visualization
Coming soon

Philips - internal IT portal (ServiceNOW) redesign
UX/UI design, IA, Interaction design
Not allowed to show project information
More projects
Your compass to innovation and design excellence. From exploration to execution, this dynamic framework fuels creativity and precision, ensuring your product journey aligns seamlessly with user desires.

Staffico - SaaS product redesign
UX/UI design, Information Architecture, Design System
View case study

Casino back office redesign
UX audit, UX design, Design System, Interaction Design
View case study

Creative hardscape - website design and development
UX/UI design, CMS, Web development
View website

A-Labinsider - an academic life science app redesign
UX/UI design, IA, Data Visualization
Coming soon

Philips - internal IT portal (ServiceNOW) redesign
UX/UI design, IA, Interaction design
Not allowed to show project information

Staffico - SaaS product redesign
UX/UI design, Information Architecture, Design System
View case study

Casino back office redesign
UX audit, UX design, Design System, Interaction Design
View case study

Creative hardscape - website design and development
UX/UI design, CMS, Web development
View website

A-Labinsider - an academic life science app redesign
UX/UI design, IA, Data Visualization
Coming soon

Philips - internal IT portal (ServiceNOW) redesign
UX/UI design, IA, Interaction design
Not allowed to show project information

Staffico - SaaS product redesign
UX/UI design, Information Architecture, Design System
View case study

Casino back office redesign
UX audit, UX design, Design System, Interaction Design
View case study

Creative hardscape - website design and development
UX/UI design, CMS, Web development
View website

A-Labinsider - an academic life science app redesign
UX/UI design, IA, Data Visualization
Coming soon

Philips - internal IT portal (ServiceNOW) redesign
UX/UI design, IA, Interaction design
Not allowed to show project information

Staffico - SaaS product redesign
UX/UI design, Information Architecture, Design System
View case study

Casino back office redesign
UX audit, UX design, Design System, Interaction Design
View case study

Creative hardscape - website design and development
UX/UI design, CMS, Web development
View website

A-Labinsider - an academic life science app redesign
UX/UI design, IA, Data Visualization
Coming soon

Philips - internal IT portal (ServiceNOW) redesign
UX/UI design, IA, Interaction design
Not allowed to show project information


Case study
Staffico SaaS product redesign
Background
Staffico is an enterprise SaaS start-up product designed specifically to cater to the needs of large recruitment agencies as well as medium to large-scale recruitment teams.
My Role
User Research and Analysis
Information Architecture
UI, Usability testing
Duration
8 months
Challenges
Initially, there are challenges due to the absence of a UX design process and a lack of user research, resulting in poor user acceptance of the first version. This necessitated a comprehensive redesign of the entire product, spanning user journeys, user flows, and page views.
The main challenge was the initial negative user impression leading to reluctance in using the product. This hindered the use of methods like heat maps or usability testing, requiring a fresh start in user research.
Another hurdle was working with newly developed features and connections, needing a balance between optimal decisions and rewriting extensive code. Deciding what to keep and discard proved complex.
Moreover, a significant portion of stakeholders and developers were attached to the current version's creation. Convincing them about the need for an immediate redesign after the recent product release was a notable challenge.


Project Goals
Enhance User Satisfaction
Through intuitive interfaces, process streamlining, and addressing identified pain points via user research, user satisfaction markedly improved
Optimize Conversion Rates
By thoughtfully orchestrating user flows and eliminating hindrances (such as intuitive Candidate profile creation and streamlined candidate progression tracking), overall product usage saw a notable rise.
Elevate User Engagement
Heighten usability and accessibility contributed to increased user engagement
Mitigate User Errors
Clear, instructive feedback mechanisms were implemented, enabling users to accomplish tasks seamlessly, and reducing confusion and frustration.
Outcome
1 Improving task flows, minimizing the number of steps required to complete actions, and providing clear feedback to users
2 Improved user satisfaction - more intuitive interfaces, streamlining processes, and addressing pain points identified through user research.


By carefully designing the user flow and removing obstacles (for instance easy Candidate profile creation, or a way of tracking and moving candidates through the project pipeline), we increase the overall product use.
Improved efficiency and productivity - by streamlining workflows, and automating some tasks, such as automatically assigning candidates to new statuses, or sending notification emails, we help users accomplish their goals more quickly and effectively.


3 Enhancing the visual design elements to create a visually appealing and cohesive user interface
We have increased user engagement by improving overall usability and accessibility
Reduced user errors and support requests by providing clear and helpful feedback, users can accomplish tasks without confusion or frustration.
4 Actively involving users in the redesign process by gathering feedback, conducting user testing, and incorporating user insights and preferences
My Process


Understanding the problem
Stakeholder interviews
Competitive Analysis
User research (Interviews and contextual inquiries)
Survey
User Personas


Unpack and refine the research data
Affinity Mapping
Research findings
Idea Generation -> Impactful ideas


Organizing content, navigation patterns
User flows
Task flows
Information Architecture


Design decisions
Lo-Fi Wireframes (Balsamiq)
Early check with users
H-Fi Prototypes
Usability tests


Work with developers
Affinity Mapping
Research findings
Idea Generation -> Impactful ideas




Identified opportunities
-> Mobile Optimization
-> Integration Ecosystem
-> Customization and Branding
-> Advanced Analytics
-> Automated Interview Scheduling
-> Customization for Diverse Workflows
-> Collaboration and Communication
Competitive analysis
Stakeholder Interviews
I initiated one-on-one interviews with key stakeholders, including recruitment team managers, hiring managers, solution architect, and product managers. This allowed me to gain a comprehensive understanding of their work processes.architects
User interviews / Contextual inquiries


User Personas






Affinity mapping
We used a standard approach and grouped and clustered the information on a large wall in the office. Some POV statements based on the data received
Research insights
We would like to find ways to support inclusivity and ensure fair opportunities for all users.
HMW create an intuitive and clean design?
HMW meet accessibility standards such as WCAG?
We would like to explore ways to streamline the hiring process and empower Recruiters to find the best candidates quickly and effectively
How might we optimize application flow?
HMW allow recruiters to track and manage candidates easily?
HMW make screening, filtering, and candidate prioritization better?
HMW optimize the conversion rate?


User Flows/ Task flows
One of the most important tasks flows optimization - Create Candidate Profile




Lo-Fi prototypes (paper)
Used paper prototypes to communicate my ideas with stakeholders


Wire flows (Balsamiq)


Hi-Fi wireframes












Design Hand-off
Working closely with developers to create pages templates
Accessibility Guidelines: Share the accessibility requirements and guidelines
Iterative Development process
User testing on DEV environment and, based on the received feedback, necessary improvements are made
Outcome
Improved accessibility
-> Color contrast
-> Tables data with a proper heading and layout
-> Properly labeled input fields and buttons
-> Clear and concise content and plain language
Improved usability
-> Clear and intuitive design
-> Simple and clear error and system messages
(contextual and color-coded)
-> Simplified user flows
-> Error Handling
-> Consistent and immediate feedback


More projects
Your compass to innovation and design excellence. From exploration to execution, this dynamic framework fuels creativity and precision, ensuring your product journey aligns seamlessly with user desires.

Staffico - SaaS product redesign
UX/UI design, Information Architecture, Design System
View case study

Casino back office redesign
UX audit, UX design, Design System, Interaction Design
View case study

Creative hardscape - website design and development
UX/UI design, CMS, Web development
View website

A-Labinsider - an academic life science app redesign
UX/UI design, IA, Data Visualization
Coming soon

Philips - internal IT portal (ServiceNOW) redesign
UX/UI design, IA, Interaction design
Not allowed to show project information

Staffico - SaaS product redesign
UX/UI design, Information Architecture, Design System
View case study

Casino back office redesign
UX audit, UX design, Design System, Interaction Design
View case study

Creative hardscape - website design and development
UX/UI design, CMS, Web development
View website

A-Labinsider - an academic life science app redesign
UX/UI design, IA, Data Visualization
Coming soon

Philips - internal IT portal (ServiceNOW) redesign
UX/UI design, IA, Interaction design
Not allowed to show project information

Staffico - SaaS product redesign
UX/UI design, Information Architecture, Design System
View case study

Casino back office redesign
UX audit, UX design, Design System, Interaction Design
View case study

Creative hardscape - website design and development
UX/UI design, CMS, Web development
View website

A-Labinsider - an academic life science app redesign
UX/UI design, IA, Data Visualization
Coming soon

Philips - internal IT portal (ServiceNOW) redesign
UX/UI design, IA, Interaction design
Not allowed to show project information

Staffico - SaaS product redesign
UX/UI design, Information Architecture, Design System
View case study

Casino back office redesign
UX audit, UX design, Design System, Interaction Design
View case study

Creative hardscape - website design and development
UX/UI design, CMS, Web development
View website

A-Labinsider - an academic life science app redesign
UX/UI design, IA, Data Visualization
Coming soon

Philips - internal IT portal (ServiceNOW) redesign
UX/UI design, IA, Interaction design
Not allowed to show project information
More projects
Your compass to innovation and design excellence. From exploration to execution, this dynamic framework fuels creativity and precision, ensuring your product journey aligns seamlessly with user desires.

Staffico - SaaS product redesign
UX/UI design, Information Architecture, Design System
View case study

A-Labinsider - an academic life science app redesign
UX/UI design, IA, Data Visualization
View case study

Casino back office redesign
UX audit, UX design, Design System, Interaction Design
View case study

Creative hardscape - website design and development
UX/UI design, CMS, Web development
View website

Philips - internal IT portal (ServiceNOW) redesign
UX/UI design, IA, Interaction design
