INOP

INOP is an HR tech company specialising in AI-powered hiring and talent analytics. Its products help organisations streamline recruitment, assess candidates holistically, and identify skills gaps through data-driven insights. I designed across consumer, enterprise, and browser-based experiences, delivering a cohesive, high-impact platform experience.

Client   

INOP

My Role  

Sole Product Designer

Category  

Product Design (UX/UI), HR Tech, Brand Identity, UX Strategy

Date  

July 31, 2025

Overview

As the sole Product Designer at INOP, I led end-to-end product design for 5 major projects, which are B2C app, B2B SaaS platform, website redesign, Chrome extension, and full brand identity. By uniting user research, UX/UI, and cohesive branding, I delivered a scalable design system that improved usability, streamlined development, and increased user engagement by 47.6% (B2C app) and satisfaction by 50% (B2B SaaS).

Goals & Objectives

Design Process in 5 Projects

B2C App
B2B SaaS Platform
Website Redesign
Chrome Extension
Branding

B2C App

A consumer-facing application designed to enhance user productivity and simplify daily tasks, especially needs to improve the number of user profiles on the B2C app.

Challenge

INOP's previous B2C App design lacked clarity and structure, making navigation difficult. Similar-looking tabs and complex flows left users unsure of where they were, reducing overall usability.

  • Visual hierarchy was weak and inconsistent.
  • Users couldn’t easily tell which section they were in.
  • Navigation felt confusing and inefficient.
  • User flows were unnecessarily complex.
  • Tabs for People, Jobs, Companies, and Events looked too similar.

Previous INOP B2C App UI Highlights

These issues lead to frustrated users, low interaction, and a weakened product experience across the platform.

Complex User Flows (Low User Engagement)

  • Overloaded navigation with excessive tabs and categories.
  • Redundant sections (e.g., “Top 5 matched” vs “In your area”) causing confusion.
  • Poor filter and CTA placement reducing discoverability and action.
  • Overcrowded cards discouraging exploration.

Weak Visual Hierarchy and Inconsistent UI

  • Visual clutter from similar cards and redundant imagery.
  • No clear focal point, making important content easy to miss.
  • Inconsistent iconography and colour usage reducing clarity and trust.
  • Crowded layouts and poor spacing hurting readability.

Before & After

The comparison below shows the previous design and my optimised version. The new layout makes each category distinct and easier to navigate at a glance, and provides better usability and a clear visual hierarchy. (Slide to view changes 👀✨)

Before
After

Solutions

Conducted design review, competitive analysis and competitors heuristic evaluation to clearly define pain points.

Design Review - INOP B2C App

Competitive Analysis - INOP B2C App
Competitors Heuristic Evaluation - INOP B2C App

Streamlined user navigation by developing low-fidelity sketches, flowcharts, and improved information architecture (IA), iterated through three defined phases.

INOP B2C APP flowchart & IA Iteration 🔗

Results

Created wireframe and interactive prototypes, refined through iterative usability testing.

Wireframes - INOP B2C App

INOP B2C App

Validation

The new design achieved significant usability improvements, leading to approximately 47.6% increase in user engagement.

User Engagement Growth Graph - INOP B2C App

B2B SaaS Platform

A business-to-business SaaS platform aimed at providing scalable digital solutions and streamlined operations for enterprises. The new design focused on improving recruiter efficiency, simplifying onboarding, and introducing AI-powered templates to reduce repetitive work and improve clarity.

Challenge

Recruiters faced challenges across the workflow. Reviewing candidates was slow and messy, and communicating with them was repetitive and time-consuming.

  • Profiles were difficult to scan, compare, and act on.
  • Navigation lacked clear hierarchy, creating confusing entry points.
  • Messaging required repetitive manual effort, draining recruiter time and productivity.
  • Solutions

    I conducted industry research and a competitive analysis to benchmark usability, navigation clarity, and emerging AI trends in HR SaaS tools.

    Competitive Analysis

    The research showed that while competitors were beginning to explore automation, very few offered meaningful AI assistance. This gap created an opportunity to differentiate INOP through more intelligent recruiter workflows.

    Competitive Analysis - INOP B2B SaaS

    Ideation for the Career Match Tool

    Building on insights, I defined key features for the Career Match Tool and identified the recruiter journey as the critical focus. The workflow naturally started with candidate Profiles, progressed into Chat, and was accelerated by AI-powered templates.

    Profile

    The original SaaS UI lacked structure and clarity, making it hard to scan, compare, or act on candidate profiles. My design brings stronger hierarchy, clearer grouping, and sharper readability, enabling faster decisions for enterprise users. Recruiters could now scan and compare faster, making quicker decisions before starting a conversation. (Slide to explore the upgrade 👀✨)

    Before
    After

    Chat

    The Chat function emerged as the most critical recruiter workflow, so it became the foundation of the redesign. I added AI-powered templates that suggested context-aware draft responses, helping recruiters save time, cut repetitive typing, and keep communication consistent.

    Ideation for the Career Match Tool - INOP B2B SaaS

    Key Features for Chat

    AI-powered Templates

    To streamline recruiter workflows, I introduced context-aware, editable draft responses within Chat. These AI-powered templates generated tailored outreach messages that recruiters could accept or refine in seconds. The feature reduced repetitive typing, saved an average of 15–20 minutes per conversation, and ensured a consistent, professional communication tone across the platform.

    AI-powered Chat Flow

    The new Chat flowchart maps the end-to-end recruiter journey with AI integrated as a supportive layer. It demonstrates:

  • Entry point: Recruiters select a candidate profile and initiate Chat.
  • AI suggestion: The system proposes context-aware drafts based on candidate data and prior interactions.
  • Human control: Suggestions remain fully editable, maintaining transparency and trust.
  • Action loop: Messages are sent, logged, and the AI improves through recruiter feedback.
  • INOP B2B Chat Flowchart

    Results

    I created wireframes and interactive prototypes that were refined through multiple usability testing rounds.

  • New "Profile" design demonstrated clearer hierarchy and improved efficiency.
  • Recruiters made faster decisions & communication with new designs.
  • AI templates accelerated conversations and reduced repetitive work.
  • Wireframes - INOP B2B SaaS (Talent Screens)
    INOP B2B SaaS (Talent Screens)

    Chat & Template Functions

    This prototype showcases the redesigned Chat interface, integrating AI-powered messaging templates for faster and more consistent candidate communication. By streamlining repetitive tasks and improving information clarity, the design enhanced recruiter productivity and reduced response times.

    Validation

    The new design improved usability, recruiter productivity, and stakeholder satisfaction.

  • 50% increase in stakeholder satisfaction.
  • Faster onboarding for new users.
  • Recruiters reported saving significant time and achieving smoother daily workflows.
  • Website Redesign

    Redesign of INOP’s main website to clearly communicate the company’s value proposition and improve user experience.

    Challenge

    • Poor site architecture leads to a cluttered experience.
    • Low user retention due to unclear content hierarchy.

    Solutions

    • Analysed user behaviour through heatmaps.
    • Performed IA restructuring, developing clear site maps and content organisation.
    • Created interactive web wireframes, validated via A/B testing and analytics evaluations.

    Results

    • Improved user navigation and engagement significantly, optimised for better SEO, resulting in higher organic traffic.
    Company Website Design - INOP

    Chrome Extension Tool

    A productivity-focused Google Chrome extension providing users quick access to essential tools directly from their browsers.

    Challenge

    • Poor initial usability and unclear functionality.
    • Technical constraints limited seamless interaction.

    Solutions

    • Conducted user needs assessment and competitive extensions audits.
    • Mapped clear user-flow diagrams and defined intuitive task scenarios.
    • Created interactive extension prototypes and conducted rigorous usability and technical constraint testing.

    Results

    • Delivered a seamless extension interface, resulting in higher adoption rates and user satisfaction.
    Chrome Extension Tool - INOP

    Branding & Digital Identity

    Creation of a cohesive brand identity and digital design system ensuring consistency across INOP’s diverse product ecosystem.

    Challenge

    • Fragmented visual identity across products created confusion.
    • Difficulty maintaining visual and design consistency at scale.

    Solutions

    • Executed detailed brand audits and competitor benchmarking.
    • Developed mood boards and explored diverse visual styles.
    • Created comprehensive brand guidelines, including typography, color schemes, and scalable design system components.
    • Conducted thorough internal brand testing and gathered feedback from teams.

    Results

    • Established a unified and recognisable brand identity, allowing streamlined design processes and consistent user experiences across all digital platforms.

    Case Study

    Selected product design work from INOP, highlighting end-to-end process, decision-making, and product outcomes. (Additional context available in conversation)

    Reflection

    INOP was more than a 47.6% boost in engagement and a 50% rise in satisfaction. It was a complex, systems-level design challenge. As the sole product designer across consumer, enterprise, and browser-based tools, I had to think far beyond UI, connecting user needs, product goals, and business priorities into one cohesive experience.

    Grounded in research, rapid iteration, and close cross-functional work, the project sharpened my instincts as both a designer and a leader. From aligning stakeholders to mentoring teammates through complex decisions, it strengthened my belief in thoughtful, scalable design systems and left me with a deeper toolkit and a clearer vision for the impact I want to create next.

    No items found.