Klipboard Product Finder
Klipboard provides industry-specific, cloud-based ERP and management
software solutions for businesses
Industry
Software Development
My role
Timeline:
UI Designer
9 Months (2025 - present)
Project Overview
Problem Statement:
Klipboard offers mobile workforce management software designed to streamline field service operations. As their product range and industry applications have grown, so has the complexity of their website navigation.
Klipboard’s existing navigation structure had become increasingly complex. New visitors found it difficult to identify the right product or industry-specific solution, while returning users struggled to re-locate key information quickly. With new categories expected to be added, the navigation risked becoming overwhelming and negatively impacting user experience and conversion.
Project Goal:
To design a user-friendly product finder tool that simplifies navigation and improves discoverability of Klipboard’s solutions, enhancing engagement and supporting lead generation.
Brainstorming and wireframing
The Wireframes were provided by the designers of the MO Agency team.
View more projects
Specific Objectives:
- Enable users to find products, industries, or solutions easily.
- Reduce dependency on the main menu.
- Support scalability for future product and category additions.
- Integrate seamlessly within the existing website design system.
Research method: Competitor Analysis
To understand best practices, I conducted a competitor analysis of software companies offering multiple solutions or industries. I focused on how they help users self-identify their needs quickly, placement and visibility of product discovery tools, the use of interactive elements (e.g., filters, guided questions, or dropdowns) and how visual design supports clarity and decision-making.
These insights informed the decision to create a “Product Finder” tool, positioned prominently below the hero section for immediate visibility
After evaluating feasibility and design consistency, I opted for a dropdown-based product finder tool that combines guided filtering with a quick access design.
High-fidelity designs
The final design introduced a Product Finder Tool positioned below the hero section:
- Simplified user journey: Users can now reach relevant pages within two clicks.
- Reduced menu dependency: Users engage with the tool before exploring the menu.
- Improved clarity: Industry, product, and solution options are visually and semantically distinct.
- Scalable structure: New products can be added without redesigning the navigation.
Impact (Projected Outcomes)
Although implementation is pending, usability testing and stakeholder feedback suggest significant improvements:
- Simplified user journey: Users can now reach relevant pages within two clicks.
- Reduced menu dependency: Users engage with the tool before exploring the menu.
- Improved clarity: Industry, product, and solution options are visually and semantically distinct.
- Scalable structure: New products can be added without redesigning the navigation.
Reflection
This project reinforced the value of simplifying discovery through guided navigation. By designing a modular and scalable product finder, I not only addressed current usability pain points but also anticipated future growth, ensuring that Klipboard’s expanding offerings remain accessible and engaging for all users.
Thanks for stopping by, Let’s connect
View more projects
Klipboard Product Finder
Klipboard provides industry-specific, cloud-based ERP and management software solutions for businesses
Industry
Software Development
My role
Timeline:
UI Designer
9 Months (2025 - present)
Project Overview
Problem Statement:
Project Goal:
Research method: Competitor Analysis
Impact (Projected Outcomes)
Reflection
High-fidelity designs
Brainstorming and wireframing
Specific Objectives:
Klipboard offers mobile workforce management software designed to streamline field service operations. As their product range and industry applications have grown, so has the complexity of their website navigation.
Klipboard’s existing navigation structure had become increasingly complex. New visitors found it difficult to identify the right product or industry-specific solution, while returning users struggled to re-locate key information quickly. With new categories expected to be added, the navigation risked becoming overwhelming and negatively impacting user experience and conversion.
To design a user-friendly product finder tool that simplifies navigation and improves discoverability of Klipboard’s solutions, enhancing engagement and supporting lead generation.
- Enable users to find products, industries, or solutions easily.
- Reduce dependency on the main menu.
- Support scalability for future product and category additions.
- Integrate seamlessly within the existing website design system.
To understand best practices, I conducted a competitor analysis of software companies offering multiple solutions or industries. I focused on how they help users self-identify their needs quickly, placement and visibility of product discovery tools, the use of interactive elements (e.g., filters, guided questions, or dropdowns) and how visual design supports clarity and decision-making.
These insights informed the decision to create a “Product Finder” tool, positioned prominently below the hero section for immediate visibility
Although implementation is pending, usability testing and stakeholder feedback suggest significant improvements:
- Simplified user journey: Users can now reach relevant pages within two clicks.
- Reduced menu dependency: Users engage with the tool before exploring the menu.
- Improved clarity: Industry, product, and solution options are visually and semantically distinct.
- Scalable structure: New products can be added without redesigning the navigation.
This project reinforced the value of simplifying discovery through guided navigation. By designing a modular and scalable product finder, I not only addressed current usability pain points but also anticipated future growth, ensuring that Klipboard’s expanding offerings remain accessible and engaging for all users.
This design helps users self-navigate intuitively, reducing cognitive load and improving discoverability.
- Three dropdowns: “Industry,” “Solution,” and “Product.”
- Dynamic filtering: Selecting one option updates the others for relevance.
- Clear call to action: “Find My Solution.”
- Consistent styling: Matches Klipboard’s clean visual language, using brand colours and rounded interface elements for approachability.
After evaluating feasibility and design consistency, I opted for a dropdown-based product finder tool that combines guided filtering with a quick access design.
The Wireframes were provided by the designers of the MO Agency team.
View more projects
Klipboard Product Finder
Klipboard provides industry-specific, cloud-based ERP and management software solutions for businesses
Industry
Software Development
My role
Timeline:
UI Designer
9 Months (2025 - present)
Project Overview
The final design introduced a Product Finder Tool positioned below the hero section:
Problem Statement:
Project Goal:
Research method: Competitor Analysis
Impact (Projected Outcomes)
Reflection
High-fidelity designs
Brainstorming and wireframing
Specific Objectives:
Klipboard offers mobile workforce management software designed to streamline field service operations. As their product range and industry applications have grown, so has the complexity of their website navigation.
Klipboard’s existing navigation structure had become increasingly complex. New visitors found it difficult to identify the right product or industry-specific solution, while returning users struggled to re-locate key information quickly. With new categories expected to be added, the navigation risked becoming overwhelming and negatively impacting user experience and conversion.
To design a user-friendly product finder tool that simplifies navigation and improves discoverability of Klipboard’s solutions, enhancing engagement and supporting lead generation.
- Enable users to find products, industries, or solutions easily.
- Reduce dependency on the main menu.
- Support scalability for future product and category additions.
- Integrate seamlessly within the existing website design system.
To understand best practices, I conducted a competitor analysis of software companies offering multiple solutions or industries. I focused on how they help users self-identify their needs quickly, placement and visibility of product discovery tools, the use of interactive elements (e.g., filters, guided questions, or dropdowns) and how visual design supports clarity and decision-making.
These insights informed the decision to create a “Product Finder” tool, positioned prominently below the hero section for immediate visibility
Although implementation is pending, usability testing and stakeholder feedback suggest significant improvements:
- Simplified user journey: Users can now reach relevant pages within two clicks.
- Reduced menu dependency: Users engage with the tool before exploring the menu.
- Improved clarity: Industry, product, and solution options are visually and semantically distinct.
- Scalable structure: New products can be added without redesigning the navigation.
This project reinforced the value of simplifying discovery through guided navigation. By designing a modular and scalable product finder, I not only addressed current usability pain points but also anticipated future growth, ensuring that Klipboard’s expanding offerings remain accessible and engaging for all users.
This design helps users self-navigate intuitively, reducing cognitive load and improving discoverability.
- Three dropdowns: “Industry,” “Solution,” and “Product.”
- Dynamic filtering: Selecting one option updates the others for relevance.
- Clear call to action: “Find My Solution.”
- Consistent styling: Matches Klipboard’s clean visual language, using brand colours and rounded interface elements for approachability.
After evaluating feasibility and design consistency, I opted for a dropdown-based product finder tool that combines guided filtering with a quick access design.
The Wireframes were provided by the designers of the MO Agency team.