PRODUCT DESIGN

WEBAPP

PROFESSIONAL

An AI Saas UI redesign and UX improvement.

An AI Saas UI redesign and UX improvement.

An AI Saas UI redesign and UX improvement.

Recruit is an advanced platform solution powered by artificial intelligence, specifically designed to revolutionize talent acquisition processes. With over four years of research and development invested in AI technologies, Recruit is introducing a new recruitment method featuring advanced automation and sophisticated data analysis.

INTRODUCTION

In early 2023, I started a comprehensive redesign of the Recruit platform, an AI-powered recruitment solution. The web app was still being developed, its UI was outdated and did not meet UX standards. My goal was to enhance the user interface and user experience to ensure a seamless, intuitive, and efficient experience for recruiters and candidates. This project redesigned the UI: the dashboard, candidate profiles, job requisitions, reporting tools, and other components while addressing the unique challenges of redesigning an AI-driven recruitment platform from its already developed state.
In early 2023, I started a comprehensive redesign of the Recruit platform, an AI-powered recruitment solution. The web app was still being developed, its UI was outdated and did not meet UX standards. My goal was to enhance the user interface and user experience to ensure a seamless, intuitive, and efficient experience for recruiters and candidates. This project redesigned the UI: the dashboard, candidate profiles, job requisitions, reporting tools, and other components while addressing the unique challenges of redesigning an AI-driven recruitment platform from its already developed state.

MY ROLE

Solo Product Designer

THE TEAM

I collaborated with developers and the product manager, reporting directly to the VP.

TIMELINE

Approximately 6 months

NDA NOTICE

Due to an NDA with the client, the details shared here are limited to what is permissible.

Job requisition dashboard for a Java Developer, detailing job information, candidate overview, interview schedules, and application metrics including applied, interviewed, and rejected counts, as well as completion rate and interview tag rate. The job status is active.
Job requisition dashboard for a Java Developer, detailing job information, candidate overview, interview schedules, and application metrics including applied, interviewed, and rejected counts, as well as completion rate and interview tag rate. The job status is active.
Job requisition dashboard for a Java Developer, detailing job information, candidate overview, interview schedules, and application metrics including applied, interviewed, and rejected counts, as well as completion rate and interview tag rate. The job status is active.
Recruit's Dashboard interface, showing open jobs, interview schedules, and an overview of job application stats. Includes sections for covered, partially covered, and not covered jobs, along with a calendar view of interviews and a summary of applied and interviewed candidates.
Recruit's Dashboard interface, showing open jobs, interview schedules, and an overview of job application stats. Includes sections for covered, partially covered, and not covered jobs, along with a calendar view of interviews and a summary of applied and interviewed candidates.
Recruit's Dashboard interface, showing open jobs, interview schedules, and an overview of job application stats. Includes sections for covered, partially covered, and not covered jobs, along with a calendar view of interviews and a summary of applied and interviewed candidates.
Welcome page of a recruitment dashboard for a user named Olivia. It features personalized tasks including interviews, jobs, candidates, and candidate questions. The page has a clean design with a prominent greeting and a visual representation of different dashboard sections.
Welcome page of a recruitment dashboard for a user named Olivia. It features personalized tasks including interviews, jobs, candidates, and candidate questions. The page has a clean design with a prominent greeting and a visual representation of different dashboard sections.
Welcome page of a recruitment dashboard for a user named Olivia. It features personalized tasks including interviews, jobs, candidates, and candidate questions. The page has a clean design with a prominent greeting and a visual representation of different dashboard sections.

PROBLEM STATEMENT

Designing a Better Recruit

The Recruit platform's previous UI and UX lacked user-friendliness, intuitiveness, and accessibility. The design elements, layout, and overall user journey presented significant challenges in usability and clarity, hindering users from fully leveraging the platform's capabilities. These issues resulted in a frustrating experience for recruiters and candidates, ultimately limiting the platform's effectiveness. A comprehensive redesign was necessary to address these shortcomings, transforming Recruit into a more user-friendly, intuitive, and powerful tool that meets the needs of its users and supports effective recruitment processes.

The Recruit platform's previous UI and UX lacked user-friendliness, intuitiveness, and accessibility. The design elements, layout, and overall user journey presented significant challenges in usability and clarity, hindering users from fully leveraging the platform's capabilities. These issues resulted in a frustrating experience for recruiters and candidates, ultimately limiting the platform's effectiveness. A comprehensive redesign was necessary to address these shortcomings, transforming Recruit into a more user-friendly, intuitive, and powerful tool that meets the needs of its users and supports effective recruitment processes.

The Recruit platform's previous UI and UX lacked user-friendliness, intuitiveness, and accessibility. The design elements, layout, and overall user journey presented significant challenges in usability and clarity, hindering users from fully leveraging the platform's capabilities. These issues resulted in a frustrating experience for recruiters and candidates, ultimately limiting the platform's effectiveness. A comprehensive redesign was necessary to address these shortcomings, transforming Recruit into a more user-friendly, intuitive, and powerful tool that meets the needs of its users and supports effective recruitment processes.

The Recruit platform's previous UI and UX lacked user-friendliness, intuitiveness, and accessibility. The design elements, layout, and overall user journey presented significant challenges in usability and clarity, hindering users from fully leveraging the platform's capabilities. These issues resulted in a frustrating experience for recruiters and candidates, ultimately limiting the platform's effectiveness. A comprehensive redesign was necessary to address these shortcomings, transforming Recruit into a more user-friendly, intuitive, and powerful tool that meets the needs of its users and supports effective recruitment processes.

BREAKDOWN OF THE PROBLEM

👫 Diverse User Needs

The Recruit platform caters to a broad spectrum of users, including recruiters, hiring managers, and candidates, each with distinct needs and expectations. Designing an interface that meets these varied requirements while maintaining a cohesive and intuitive user experience poses a significant challenge.

🧑‍💻 Enhancing Usability

The old UI and UX lacked intuitiveness and accessibility, which hindered users from fully leveraging the platform's capabilities. Improving the usability and clarity of design elements, layouts, and overall user journeys is crucial for maximizing the platform's effectiveness.

🔄 Consistency Across the Platform

Maintaining a consistent design language and user experience across different sections of the platform is vital. Inconsistencies can confuse users and disrupt their workflow, reducing overall satisfaction and efficiency.

⚙️ Complex Feature Set

The wide range of functionalities, candidate evaluation, automated interview scheduling, and deep insights into candidate fit. Simplifying these complex features and presenting them in an accessible manner is essential to prevent user overwhelm and ensure effective usage.

📈 Driving Engagement and Adoption

To ensure that users actively engage with and adopt the Recruit platform, the redesign must address existing pain points and provide a seamless, user-friendly experience. This involves continuous user feedback integration and iterative improvements.

PROCESS

Shaping efficient UX strategies.

Given the platform's ongoing development, there was an urgent need to launch an MVP/MMP. The company's UX maturity was not ideal for a traditional UX approach. As a solo designer joining a team of developers, I needed to adopt a method suited for fast creation based on collaboration. Therefore, I presented a plan to rapidly redesign the Recruit platform's UI/UX to deliver a functional MVP/MMP that meets the company's needs. To achieve this, I chose the Lean UX methodology, emphasizing rapid prototyping, user feedback, and iterative design that leverages collaboration with the existing team. This approach was essential for swiftly validating design decisions and ensuring the platform effectively meets user needs.

Given the platform's ongoing development, there was an urgent need to launch an MVP/MMP. The company's UX maturity was not ideal for a traditional UX approach. As a solo designer joining a team of developers, I needed to adopt a method suited for fast creation based on collaboration. Therefore, I presented a plan to rapidly redesign the Recruit platform's UI/UX to deliver a functional MVP/MMP that meets the company's needs. To achieve this, I chose the Lean UX methodology, emphasizing rapid prototyping, user feedback, and iterative design that leverages collaboration with the existing team. This approach was essential for swiftly validating design decisions and ensuring the platform effectively meets user needs.

Given the platform's ongoing development, there was an urgent need to launch an MVP/MMP. The company's UX maturity was not ideal for a traditional UX approach. As a solo designer joining a team of developers, I needed to adopt a method suited for fast creation based on collaboration. Therefore, I presented a plan to rapidly redesign the Recruit platform's UI/UX to deliver a functional MVP/MMP that meets the company's needs. To achieve this, I chose the Lean UX methodology, emphasizing rapid prototyping, user feedback, and iterative design that leverages collaboration with the existing team. This approach was essential for swiftly validating design decisions and ensuring the platform effectively meets user needs.

Given the platform's ongoing development, there was an urgent need to launch an MVP/MMP. The company's UX maturity was not ideal for a traditional UX approach. As a solo designer joining a team of developers, I needed to adopt a method suited for fast creation based on collaboration. Therefore, I presented a plan to rapidly redesign the Recruit platform's UI/UX to deliver a functional MVP/MMP that meets the company's needs. To achieve this, I chose the Lean UX methodology, emphasizing rapid prototyping, user feedback, and iterative design that leverages collaboration with the existing team. This approach was essential for swiftly validating design decisions and ensuring the platform effectively meets user needs.

Old Dashboard overview for a manager, including a bar chart of job coverage, a weekly interview schedule for early December 2022, and a section for searching and listing job openings with various details.
Old Dashboard overview for a manager, including a bar chart of job coverage, a weekly interview schedule for early December 2022, and a section for searching and listing job openings with various details.
Old Dashboard overview for a manager, including a bar chart of job coverage, a weekly interview schedule for early December 2022, and a section for searching and listing job openings with various details.
Old Dashboard overview for a manager, including a bar chart of job coverage, a weekly interview schedule for early December 2022, and a section for searching and listing job openings with various details.

This is an old screen design of the Recruit app, exported from a Figma design file.

THINK

Foundational insights: Ground research in Lean UX.

The research plan for enhancing the Recruit platform's UI/UX is strategically divided into three key phases: competitive analysis, UX/UI audit, and stakeholder interviews. Our competitive analysis aims to benchmark against industry standards by evaluating top competitors, pinpointing strengths, weaknesses, and opportunities. The UX/UI audit will rigorously identify usability issues and improvement areas through heuristic evaluations and user feedback analysis, ensuring the interface is both intuitive and effective. Finally, stakeholder interviews will be conducted to align project goals and gather vital insights from key team members, fostering collaboration and ensuring the redesign meets both business and user needs. This thorough approach lays the groundwork for a seamless and enhanced user experience.

The research plan for enhancing the Recruit platform's UI/UX is strategically divided into three key phases: competitive analysis, UX/UI audit, and stakeholder interviews. Our competitive analysis aims to benchmark against industry standards by evaluating top competitors, pinpointing strengths, weaknesses, and opportunities. The UX/UI audit will rigorously identify usability issues and improvement areas through heuristic evaluations and user feedback analysis, ensuring the interface is both intuitive and effective. Finally, stakeholder interviews will be conducted to align project goals and gather vital insights from key team members, fostering collaboration and ensuring the redesign meets both business and user needs. This thorough approach lays the groundwork for a seamless and enhanced user experience.

The research plan for enhancing the Recruit platform's UI/UX is strategically divided into three key phases: competitive analysis, UX/UI audit, and stakeholder interviews. Our competitive analysis aims to benchmark against industry standards by evaluating top competitors, pinpointing strengths, weaknesses, and opportunities. The UX/UI audit will rigorously identify usability issues and improvement areas through heuristic evaluations and user feedback analysis, ensuring the interface is both intuitive and effective. Finally, stakeholder interviews will be conducted to align project goals and gather vital insights from key team members, fostering collaboration and ensuring the redesign meets both business and user needs. This thorough approach lays the groundwork for a seamless and enhanced user experience.

The research plan for enhancing the Recruit platform's UI/UX is strategically divided into three key phases: competitive analysis, UX/UI audit, and stakeholder interviews. Our competitive analysis aims to benchmark against industry standards by evaluating top competitors, pinpointing strengths, weaknesses, and opportunities. The UX/UI audit will rigorously identify usability issues and improvement areas through heuristic evaluations and user feedback analysis, ensuring the interface is both intuitive and effective. Finally, stakeholder interviews will be conducted to align project goals and gather vital insights from key team members, fostering collaboration and ensuring the redesign meets both business and user needs. This thorough approach lays the groundwork for a seamless and enhanced user experience.

THINK

Competitor Analysis

The competitor analysis for the Recruit platform's redesign evaluated MyInterview, SparkHire, and HireVue, focusing on their UI/UX designs to inform improvements. MyInterview excels with a user-friendly interface and well-organized Kanban boards for tracking applicants, enhancing user experience. SparkHire offers flexible video interview options and team collaboration features, though navigation and feature accessibility could be better. HireVue provides comprehensive AI-powered tools and detailed analytics, but its interface can be overwhelming, necessitating streamlined features for a better user experience.

These insights guided Recruit's redesign to prioritize a more intuitive, streamlined, and user-centric platform, meeting and exceeding user expectations.

Competitors MyInterview, SparkHire, and HireVue website screenshots.
Competitors MyInterview, SparkHire, and HireVue website screenshots.
Competitors MyInterview, SparkHire, and HireVue website screenshots.
Competitors MyInterview, SparkHire, and HireVue website screenshots.
UX/UI Audit Figma screenshot.
UX/UI Audit Figma screenshot.
UX/UI Audit Figma screenshot.
UX/UI Audit Figma screenshot.

THINK

UI/UX Audit

The UI/UX audit of the Recruit platform's existing design revealed several critical areas needing improvement. The audit highlighted like layout and hierarchy challenges, unclear button placements, and inconsistent design elements. The existing design lacked intuitive navigation, making it difficult for users to find and understand the interface's structure. Button placements were often non-intuitive, hindering smooth user interactions. Additionally, certain interactive elements, like dropdown menus and input fields, were unclear, leading to confusion about their functionality.

Consistency issues were prevalent, with recurring design flaws, contributing to a disjointed user experience. Specific functional problems, such as error message placements and the need for more descriptive labels, further complicated user interactions. Addressing these issues in the redesign was essential to create a more intuitive, user-friendly, and effective platform.

THINK

Stakeholder interviews

The stakeholder interviews conducted for the Recruit platform redesign provided crucial insights and specific requirements for enhancing the UI/UX. Engaging with key team members, including developers, product managers, and the VP, we identified the primary objectives and pain points from their perspectives. Key requirements included updating the UX to ensure it aligns with contemporary design standards, improving the overall user journey, and enhancing the visual appeal to attract and retain users. Stakeholders emphasized the need for a cohesive and consistent design language across the platform.

These insights were instrumental in shaping the redesign strategy, ensuring that the new UI/UX would meet the functional needs and aesthetic expectations of both the users and the stakeholders.

Stakeholder interview, Zoom call screenshot.
Stakeholder interview, Zoom call screenshot.
Stakeholder interview, Zoom call screenshot.
Stakeholder interview, Zoom call screenshot.
Transformative UI / UX Hypotheses
  • Streamlined Navigation: Simplifying the navigation structure will enhance user experience by reducing confusion and increasing efficiency.

  • Intuitive Layouts: Redesigning the layout with a clear hierarchy and better button placement will improve user interaction and satisfaction.

  • Enhanced Clarity: Providing clearer labels and more descriptive elements will reduce user errors and improve overall usability.

  • Consistency in Design: Maintaining consistency across all design elements and frames will create a more cohesive and intuitive user experience.

  • User-Centric Functionalities: Introducing functionalities based on direct user feedback will align the platform's capabilities with actual user needs and expectations.

  • Streamlined Navigation: Simplifying the navigation structure will enhance user experience by reducing confusion and increasing efficiency.

  • Intuitive Layouts: Redesigning the layout with a clear hierarchy and better button placement will improve user interaction and satisfaction.

  • Enhanced Clarity: Providing clearer labels and more descriptive elements will reduce user errors and improve overall usability.

  • Consistency in Design: Maintaining consistency across all design elements and frames will create a more cohesive and intuitive user experience.

  • User-Centric Functionalities: Introducing functionalities based on direct user feedback will align the platform's capabilities with actual user needs and expectations.

This is an old screen design of the Recruit app, exported from a Figma design file.

Old Add experience form page prompting for organization name, designation, start and end dates, job type, location, and a job description field. The form includes checkboxes for current organization and job type selection.
Old Add experience form page prompting for organization name, designation, start and end dates, job type, location, and a job description field. The form includes checkboxes for current organization and job type selection.
Old Add experience form page prompting for organization name, designation, start and end dates, job type, location, and a job description field. The form includes checkboxes for current organization and job type selection.
Old Add experience form page prompting for organization name, designation, start and end dates, job type, location, and a job description field. The form includes checkboxes for current organization and job type selection.
Personas

Two detailed personas were created to guide the redesign process. Collaborating closely with developers and stakeholders ensured the platform addressed user needs and pain points. Using personas focused the design efforts, making it clear which features and user experiences were most valuable. This approach streamlined development and ensured the final product was user-centric, enhancing satisfaction and usability for all users.

Two detailed personas were created to guide the redesign process. Collaborating closely with developers and stakeholders ensured the platform addressed user needs and pain points. Using personas focused the design efforts, making it clear which features and user experiences were most valuable. This approach streamlined development and ensured the final product was user-centric, enhancing satisfaction and usability for all users.

Meet Sarah
Generic women profile picture.

A 35-year-old senior recruiter at a mid-sized tech company. Sarah has been in the recruitment industry for over 10 years and excels in identifying top talent for various technical roles. Her primary responsibilities include sourcing candidates, conducting interviews, and collaborating with hiring managers to fill critical positions. Sarah is tech-savvy and values tools that streamline her workflow. She spends a significant portion of her day navigating different recruitment platforms, managing job postings, and tracking candidate progress. Sarah needs an intuitive and efficient system that allows her to quickly assess candidate profiles, schedule interviews, and generate insightful reports. The platform's user interface must be straightforward and responsive, enabling her to perform her tasks with minimal friction. Her ultimate goal is to enhance the hiring process, ensuring a smooth and productive experience for both the company and the candidates.

Meet Alex
Generic man profile picture.

A 28-year-old software engineer looking for new opportunities in the tech industry. Alex has five years of experience in full-stack development and is passionate about working with innovative technologies. Currently employed but seeking a more challenging role, Alex values platforms that offer a seamless job application process. He spends his evenings and weekends browsing job boards, applying for positions, and preparing for interviews. Alex appreciates detailed job descriptions, clear application instructions, and transparency in the hiring process. He prefers platforms that allow him to upload his resume easily, track the status of his applications, and receive timely feedback. For Alex, a positive user experience means not having to navigate through complex menus or deal with technical glitches. His ideal recruitment platform provides personalized job recommendations, simplifies interview scheduling, and offers insightful preparation tips, ultimately helping him land his dream job.

MAKE

Make, Test, Perfect

The creation process for the Recruit platform redesign began with quick IA studies, including user flows and a sitemap, to move forward with initial wireframes. These wireframes transformed conceptual ideas into tangible visual elements, laying out the basic structure and flow of the user interface. Quick prototypes were created, enabling interactive testing and feedback from stakeholders and the team. This iterative process allowed for the refinement and validation of design choices.

The creation process for the Recruit platform redesign began with quick IA studies, including user flows and a sitemap, to move forward with initial wireframes. These wireframes transformed conceptual ideas into tangible visual elements, laying out the basic structure and flow of the user interface. Quick prototypes were created, enabling interactive testing and feedback from stakeholders and the team. This iterative process allowed for the refinement and validation of design choices.

The creation process for the Recruit platform redesign began with quick IA studies, including user flows and a sitemap, to move forward with initial wireframes. These wireframes transformed conceptual ideas into tangible visual elements, laying out the basic structure and flow of the user interface. Quick prototypes were created, enabling interactive testing and feedback from stakeholders and the team. This iterative process allowed for the refinement and validation of design choices.

Validated prototypes were then transformed into high-fidelity (hi-fi) screens, incorporating detailed design elements, colors, and branding to create a polished visual representation of the platform. The final MVP screens were handed over to the development team for implementation, ensuring a seamless transition from design to a fully functional product. This collaborative and iterative approach ensured that each stage was aligned with user needs and business goals, resulting in a user-centric, efficient, and aesthetically pleasing platform.

Validated prototypes were then transformed into high-fidelity (hi-fi) screens, incorporating detailed design elements, colors, and branding to create a polished visual representation of the platform. The final MVP screens were handed over to the development team for implementation, ensuring a seamless transition from design to a fully functional product. This collaborative and iterative approach ensured that each stage was aligned with user needs and business goals, resulting in a user-centric, efficient, and aesthetically pleasing platform.

Validated prototypes were then transformed into high-fidelity (hi-fi) screens, incorporating detailed design elements, colors, and branding to create a polished visual representation of the platform. The final MVP screens were handed over to the development team for implementation, ensuring a seamless transition from design to a fully functional product. This collaborative and iterative approach ensured that each stage was aligned with user needs and business goals, resulting in a user-centric, efficient, and aesthetically pleasing platform.

MAKE

Wireframes foundations

The creation of the wireframes was a pivotal step in the redesign process. This phase focused on translating the conceptual ideas and user requirements into tangible visual elements. Guided by the insights collected from competitive analysis, the UX/UI audit, and stakeholder interviews, I aimed to create a user-friendly and efficient interface.

This wireframe showcases the essential layout and functionality of the Recruit platform's dashboard.

The dashboard provides a comprehensive view of all critical data points, including open job positions and their corresponding values. This high-level summary allows recruiters to assess their current recruitment status.


Interviews Schedule:

The interview schedule is presented in a calendar format, allowing users to view interviews by day, week, or month. This feature ensures recruiters can efficiently manage their time and resources, scheduling interviews without conflicts.


Job Applications:

This section includes a detailed list of job applications, displaying candidate names, job titles, interview dates, feedback status, and actions that can be taken. The pagination at the bottom of the section ensures that large volumes of applications can be easily navigated.


Actionable Insights:

Each application entry provides actionable insights, such as whether a candidate has been interviewed and received feedback. This enables recruiters to identify and focus on applications that require immediate attention.

The objective of the wireframes was to establish a foundational structure that could be quickly iterated upon and by creating low-fidelity wireframes, I prioritized speed and agility.

Dashboard wireframe for Intelion Systems, displaying open job statistics, a weekly interview schedule, and job application details. Includes fields for data values, time slots for interviews, and a table of candidates with job titles, interview dates, and action buttons.
Dashboard wireframe for Intelion Systems, displaying open job statistics, a weekly interview schedule, and job application details. Includes fields for data values, time slots for interviews, and a table of candidates with job titles, interview dates, and action buttons.
Dashboard wireframe for Intelion Systems, displaying open job statistics, a weekly interview schedule, and job application details. Includes fields for data values, time slots for interviews, and a table of candidates with job titles, interview dates, and action buttons.
Dashboard wireframe for Intelion Systems, displaying open job statistics, a weekly interview schedule, and job application details. Includes fields for data values, time slots for interviews, and a table of candidates with job titles, interview dates, and action buttons.
Figma prototype screenshot.

MAKE

Figma Prototyping

After creating wireframes, the next step in the Recruit platform redesign was developing interactive prototypes. This phase translated selected wireframes into dynamic, clickable models for rapid testing and iteration guided by insights from competitive analysis, UX/UI audits, and stakeholder interviews. The prototypes enabled dynamic engagement, allowing detailed feedback on interactions and design.

Simulated user scenarios helped identify and fix usability issues, while the Lean UX approach focused on quick iterations and feedback loops. Prototypes facilitated stakeholder and developer collaboration through interactive sessions and gradually transitioned approved designs to high-fidelity designs. The primary objective was to validate design solutions swiftly and efficiently through collaboration and user-centric design.

Designing intuitive experiences for Recruiters and Candidates

Guided by our findings, I aimed to create an intuitive and engaging interface that maximized usability and productivity for recruiters and candidates, meeting their needs and business objectives.

I focused on bringing detailed, visually compelling designs to life by translating validated prototypes into polished, user-centric interfaces. That ensures each element enhances the user experience and is aligned with the brand’s identity.


A key challenge was balancing aesthetic appeal with functionality. Every design decision had to ensure that the interface wasn't only visually appealing but also practical and efficient. This balance required constant iteration and feedback, allowing me to refine the designs continually. I focused on maintaining consistency across all screens, ensuring a seamless user experience, and reducing the learning curve for users.

Guided by our findings, I aimed to create an intuitive and engaging interface that maximized usability and productivity for recruiters and candidates, meeting their needs and business objectives.

I focused on bringing detailed, visually compelling designs to life by translating validated prototypes into polished, user-centric interfaces. That ensures each element enhances the user experience and is aligned with the brand’s identity.


A key challenge was balancing aesthetic appeal with functionality. Every design decision had to ensure that the interface wasn't only visually appealing but also practical and efficient. This balance required constant iteration and feedback, allowing me to refine the designs continually. I focused on maintaining consistency across all screens, ensuring a seamless user experience, and reducing the learning curve for users.

MAKE

Scalability and Flexibility

Scalability and flexibility were crucial considerations. The designs needed to accommodate future updates and features, which involved creating a modular system that could be easily expanded. This approach ensured that the platform could evolve without compromising design integrity.

Key elements such as "Interviews schedule," "Open Jobs," "Overview," and "Job applications" are designed as distinct modules. This modular design allows each section to be independently updated or expanded without disrupting the overall layout and functionality. For instance, new features can be added to the "Interviews schedule," or additional metrics can be included in the "Overview" section seamlessly. This ensures the platform can evolve, incorporating new functionalities while maintaining design integrity and user experience.

Recruitment dashboard showing open job statistics, weekly interview schedule, and job applications list. Includes metrics for candidate applications, interviews, rejections, and interview tags. Provides a detailed view of scheduled interviews and job applications with feedback.
Recruitment dashboard showing open job statistics, weekly interview schedule, and job applications list. Includes metrics for candidate applications, interviews, rejections, and interview tags. Provides a detailed view of scheduled interviews and job applications with feedback.
Recruitment dashboard showing open job statistics, weekly interview schedule, and job applications list. Includes metrics for candidate applications, interviews, rejections, and interview tags. Provides a detailed view of scheduled interviews and job applications with feedback.
Recruitment dashboard showing open job statistics, weekly interview schedule, and job applications list. Includes metrics for candidate applications, interviews, rejections, and interview tags. Provides a detailed view of scheduled interviews and job applications with feedback.

Before feedback:

Initial interview play by play page for a Java Developer role. Features candidate details, interview completion status, scores, and recommendations. Includes a transcript of the interview with video analysis and detailed feedback on various questions asked during the interview.
Initial interview play by play page for a Java Developer role. Features candidate details, interview completion status, scores, and recommendations. Includes a transcript of the interview with video analysis and detailed feedback on various questions asked during the interview.
Initial interview play by play page for a Java Developer role. Features candidate details, interview completion status, scores, and recommendations. Includes a transcript of the interview with video analysis and detailed feedback on various questions asked during the interview.
Initial interview play by play page for a Java Developer role. Features candidate details, interview completion status, scores, and recommendations. Includes a transcript of the interview with video analysis and detailed feedback on various questions asked during the interview.

After feedback:

Final play by play for a Java Developer role. Shows interview details, score, recommendation, and responses to key interview questions. Includes video analysis and metrics on attention, facial emotion, sentiment, and communication.
Final play by play for a Java Developer role. Shows interview details, score, recommendation, and responses to key interview questions. Includes video analysis and metrics on attention, facial emotion, sentiment, and communication.
Final play by play for a Java Developer role. Shows interview details, score, recommendation, and responses to key interview questions. Includes video analysis and metrics on attention, facial emotion, sentiment, and communication.
Final play by play for a Java Developer role. Shows interview details, score, recommendation, and responses to key interview questions. Includes video analysis and metrics on attention, facial emotion, sentiment, and communication.

MAKE

Transforming feedback

Collaboration with stakeholders and developers was integral to the process. Regular feedback sessions and interactive reviews helped align the designs with technical constraints and business goals. This iterative, collaborative approach enabled us to address concerns early and refine the designs efficiently.

Comparing the initial and final versions of the interview summary reveals significant design improvements. The feedback led to adjustments in data display, shifting from a detailed play-by-play of the entire interview to a summary with vital interview moments. The final designs feature a cleaner, more organized layout with prominent metrics. These changes improved usability and ensured alignment with the brand's identity and user needs, showcasing the impact of iterative feedback and stakeholder collaboration.

MAKE

Aesthetic and Function

The Hi-Fi screens were crafted to enhance visual coherence and usability, creating a platform that was both user-friendly and aligned with business objectives. This phase was a critical step in transforming conceptual designs into a tangible, functional product, ready for development and implementation.

A sleek, user-friendly interface that prioritizes both aesthetics and functionality while incorporating detailed visual elements, intuitive navigation, and a clear information hierarchy. The design aligns seamlessly with our business objectives and user needs.

Interview results dashboard for a Java Developer position, showing a candidate's details, interview score, and reliability score. Includes performance metrics, resume discrepancies, expected compensation, and interview flags. The job status is active.
Interview results dashboard for a Java Developer position, showing a candidate's details, interview score, and reliability score. Includes performance metrics, resume discrepancies, expected compensation, and interview flags. The job status is active.
Interview results dashboard for a Java Developer position, showing a candidate's details, interview score, and reliability score. Includes performance metrics, resume discrepancies, expected compensation, and interview flags. The job status is active.
Interview results dashboard for a Java Developer position, showing a candidate's details, interview score, and reliability score. Includes performance metrics, resume discrepancies, expected compensation, and interview flags. The job status is active.

MAKE

A Design System

During the redesign, presenting the idea of a design system to stakeholders felt the next jump for Recruit. A design system would provide a collection of reusable components and guidelines, ensuring consistency, efficiency, and scalability across the platform. Given the company’s plans to develop complementary products to Recruit, a design system would be instrumental in maintaining a cohesive user experience across all products.

During the redesign, presenting the idea of a design system to stakeholders felt the next jump for Recruit. A design system would provide a collection of reusable components and guidelines, ensuring consistency, efficiency, and scalability across the platform. Given the company’s plans to develop complementary products to Recruit, a design system would be instrumental in maintaining a cohesive user experience across all products.

During the redesign, presenting the idea of a design system to stakeholders felt the next jump for Recruit. A design system would provide a collection of reusable components and guidelines, ensuring consistency, efficiency, and scalability across the platform. Given the company’s plans to develop complementary products to Recruit, a design system would be instrumental in maintaining a cohesive user experience across all products.

Button design system showing multiple button variations in green, blue, grey, purple, and red with different labels and icons. The layout includes standard buttons and a variety of close buttons in different colors and shapes.
Button design system showing multiple button variations in green, blue, grey, purple, and red with different labels and icons. The layout includes standard buttons and a variety of close buttons in different colors and shapes.
Button design system showing multiple button variations in green, blue, grey, purple, and red with different labels and icons. The layout includes standard buttons and a variety of close buttons in different colors and shapes.
Button design system showing multiple button variations in green, blue, grey, purple, and red with different labels and icons. The layout includes standard buttons and a variety of close buttons in different colors and shapes.

MAKE

Adding value

A design system could ensure that buttons, forms, and other UI elements look and behave consistently across all parts of the Recruit platform, reducing user confusion and increasing familiarity. By providing a library of pre-designed components, the design system could significantly speed up the creation of new screens and features.

It would also make it easy to integrate new features seamlessly, such as an interview scheduling tool, maintaining a cohesive design without extensive rework. Furthermore, the design system would serve as a single source of truth for both designers and developers, ensuring alignment and reducing miscommunication.

The idea of a design system was well received by stakeholders, recognizing its long-term benefits for Recruit and future projects. However, integrating the development of a design system with the ongoing redesign efforts added more work to the current project. As a solo designer, it became clear that while the design system was a valuable initiative, it needed to be a secondary priority, while the focus was an MVP.

The idea of a design system was well received by stakeholders, recognizing its long-term benefits for Recruit and future projects. However, integrating the development of a design system with the ongoing redesign efforts added more work to the current project. As a solo designer, it became clear that while the design system was a valuable initiative, it needed to be a secondary priority, while the focus was an MVP.

MAKE

Before and After

Explore the transformation of the Recruit platform through these before and after. Each pair of screens highlights the improvements made in design, usability, and functionality, to create a more intuitive and engaging user experience. See how user feedback and meticulous design practices have reshaped the platform into a powerful tool for recruiters and candidates.

Explore the transformation of the Recruit platform through these before and after. Each pair of screens highlights the improvements made in design, usability, and functionality, to create a more intuitive and engaging user experience. See how user feedback and meticulous design practices have reshaped the platform into a powerful tool for recruiters and candidates.

Explore the transformation of the Recruit platform through these before and after. Each pair of screens highlights the improvements made in design, usability, and functionality, to create a more intuitive and engaging user experience. See how user feedback and meticulous design practices have reshaped the platform into a powerful tool for recruiters and candidates.

User Log in / Sign up

User Log in / Sign up

User Log in / Sign up

Candidate dashboard

Candidate dashboard

Candidate dashboard

Candidate preference settings

Candidate preference settings

Candidate preference settings

Job post

Job post

Job post

Bussines candidates

Bussines candidates

Bussines candidates

Interview interface

Interview interface

Interview interface

CHECK

Navigating the Rush to MVP

Due to the company's urgent need to launch an MVP, the Hi-Fi design and development phases for the Recruit platform were carried out simultaneously. This concurrent approach was essential to meet tight deadlines and ensure a rapid transition from concept to implementation. As the detailed visual designs were being created, the development team worked in parallel to build and integrate these elements into the platform.

Due to the company's urgent need to launch an MVP, the Hi-Fi design and development phases for the Recruit platform were carried out simultaneously. This concurrent approach was essential to meet tight deadlines and ensure a rapid transition from concept to implementation. As the detailed visual designs were being created, the development team worked in parallel to build and integrate these elements into the platform.

Due to the company's urgent need to launch an MVP, the Hi-Fi design and development phases for the Recruit platform were carried out simultaneously. This concurrent approach was essential to meet tight deadlines and ensure a rapid transition from concept to implementation. As the detailed visual designs were being created, the development team worked in parallel to build and integrate these elements into the platform.

However, delays in the development process hindered the planned timeline, impacting the ability to conduct thorough testing. The testing phase, a crucial element of the process designed to gather user feedback and refine the product iteratively, was ultimately bypassed. Compounding the situation, the company shifted its focus toward rapidly developing new features for the app, further limiting the opportunity for comprehensive user testing. This adjustment in priorities meant that the intended iterative testing and feedback loops essential to the UX could not be fully realized, impacting the overall quality and user experience of the MVP.

However, delays in the development process hindered the planned timeline, impacting the ability to conduct thorough testing. The testing phase, a crucial element of the process designed to gather user feedback and refine the product iteratively, was ultimately bypassed. Compounding the situation, the company shifted its focus toward rapidly developing new features for the app, further limiting the opportunity for comprehensive user testing. This adjustment in priorities meant that the intended iterative testing and feedback loops essential to the UX could not be fully realized, impacting the overall quality and user experience of the MVP.

However, delays in the development process hindered the planned timeline, impacting the ability to conduct thorough testing. The testing phase, a crucial element of the process designed to gather user feedback and refine the product iteratively, was ultimately bypassed. Compounding the situation, the company shifted its focus toward rapidly developing new features for the app, further limiting the opportunity for comprehensive user testing. This adjustment in priorities meant that the intended iterative testing and feedback loops essential to the UX could not be fully realized, impacting the overall quality and user experience of the MVP.

Explore the following videos to see a part of the Recruit MVP platform in action. These recordings showcase various features and functionalities of the app.

(Intelion System recorded the following videos)

Explore the following videos to see a part of the Recruit MVP platform in action. These recordings showcase various features and functionalities of the app.

(Intelion System recorded the following videos)

Project reflections and observations:

Handling this project as a solo designer was challenging but incredibly rewarding. It was my first significant professional experience, and it taught me a great deal about the design process. Adopting Lean UX was crucial for dealing with tight deadlines, and creating a collaborative environment where stakeholders, developers, and I could effectively align our efforts, constantly refining the design through regular feedback sessions.

The simultaneous design and development phases were particularly demanding due to the urgent need to deliver an MVP. Development delays and missing the opportunity for thorough testing, were some rocks on the way that required flexibility and quick adaptation. Balancing ideal design practices with practical constraints was a constant juggle, but it highlighted the importance of staying agile and responsive to the project's and company realities.

One of the most valuable lessons was the significance of stakeholder engagement. Their input played a pivotal role in refining the design and aligning the product with user needs and business objectives. This iterative process demonstrated the power of collaboration and adaptability.

Introducing the concept of a design system was another critical decision. While its development had to take a backseat to immediate redesign efforts and I could finish it, the groundwork I laid will be valuable for future projects.

Reflecting on this journey, the solo design experience was challenging but taught me the importance of stakeholder engagement, flexibility, and balancing ideal design practices with practical solutions. If the project had continued, my next focus would have been conducting usability tests and gathering feedback from real users to ensure that the design met user needs and allowed for data-driven adjustments to enhance the overall user experience and effectiveness of the platform.

Handling this project as a solo designer was challenging but incredibly rewarding. It was my first significant professional experience, and it taught me a great deal about the design process. Adopting Lean UX was crucial for dealing with tight deadlines, and creating a collaborative environment where stakeholders, developers, and I could effectively align our efforts, constantly refining the design through regular feedback sessions.

The simultaneous design and development phases were particularly demanding due to the urgent need to deliver an MVP. Development delays and missing the opportunity for thorough testing, were some rocks on the way that required flexibility and quick adaptation. Balancing ideal design practices with practical constraints was a constant juggle, but it highlighted the importance of staying agile and responsive to the project's and company realities.

One of the most valuable lessons was the significance of stakeholder engagement. Their input played a pivotal role in refining the design and aligning the product with user needs and business objectives. This iterative process demonstrated the power of collaboration and adaptability.

Introducing the concept of a design system was another critical decision. While its development had to take a backseat to immediate redesign efforts and I could finish it, the groundwork I laid will be valuable for future projects.

Reflecting on this journey, the solo design experience was challenging but taught me the importance of stakeholder engagement, flexibility, and balancing ideal design practices with practical solutions. If the project had continued, my next focus would have been conducting usability tests and gathering feedback from real users to ensure that the design met user needs and allowed for data-driven adjustments to enhance the overall user experience and effectiveness of the platform.

Handling this project as a solo designer was challenging but incredibly rewarding. It was my first significant professional experience, and it taught me a great deal about the design process. Adopting Lean UX was crucial for dealing with tight deadlines, and creating a collaborative environment where stakeholders, developers, and I could effectively align our efforts, constantly refining the design through regular feedback sessions.

The simultaneous design and development phases were particularly demanding due to the urgent need to deliver an MVP. Development delays and missing the opportunity for thorough testing, were some rocks on the way that required flexibility and quick adaptation. Balancing ideal design practices with practical constraints was a constant juggle, but it highlighted the importance of staying agile and responsive to the project's and company realities.

One of the most valuable lessons was the significance of stakeholder engagement. Their input played a pivotal role in refining the design and aligning the product with user needs and business objectives. This iterative process demonstrated the power of collaboration and adaptability.

Introducing the concept of a design system was another critical decision. While its development had to take a backseat to immediate redesign efforts and I could finish it, the groundwork I laid will be valuable for future projects.

Reflecting on this journey, the solo design experience was challenging but taught me the importance of stakeholder engagement, flexibility, and balancing ideal design practices with practical solutions. If the project had continued, my next focus would have been conducting usability tests and gathering feedback from real users to ensure that the design met user needs and allowed for data-driven adjustments to enhance the overall user experience and effectiveness of the platform.

Handling this project as a solo designer was challenging but incredibly rewarding. It was my first significant professional experience, and it taught me a great deal about the design process. Adopting Lean UX was crucial for dealing with tight deadlines, and creating a collaborative environment where stakeholders, developers, and I could effectively align our efforts, constantly refining the design through regular feedback sessions.

The simultaneous design and development phases were particularly demanding due to the urgent need to deliver an MVP. Development delays and missing the opportunity for thorough testing, were some rocks on the way that required flexibility and quick adaptation. Balancing ideal design practices with practical constraints was a constant juggle, but it highlighted the importance of staying agile and responsive to the project's and company realities.

One of the most valuable lessons was the significance of stakeholder engagement. Their input played a pivotal role in refining the design and aligning the product with user needs and business objectives. This iterative process demonstrated the power of collaboration and adaptability.

Introducing the concept of a design system was another critical decision. While its development had to take a backseat to immediate redesign efforts and I could finish it, the groundwork I laid will be valuable for future projects.

Reflecting on this journey, the solo design experience was challenging but taught me the importance of stakeholder engagement, flexibility, and balancing ideal design practices with practical solutions. If the project had continued, my next focus would have been conducting usability tests and gathering feedback from real users to ensure that the design met user needs and allowed for data-driven adjustments to enhance the overall user experience and effectiveness of the platform.