RS QuickFinder
An end-to-end searching tool for RS Components global customer service teams with a system-based attribute search logic aligning with user enquires.
Integrations with API’s now enable the display of real-time stock and price information.
My role
As the UI designer at Hack and Craft, working closely with the Product Director and development team, we were challenged with developing QuickFinder 1 into the system-based attribute search logic of QuickFinder 2.
It was crucial to address the key functionality of the attribute search and how best to display all required information on one screen.
The details
Getting into the details and to best gauge an idea of how we could solve the crucial areas such as filtering, displaying information where users can select between ranges, also product cross-referencing and searching for compatibility, we dived into competitor analysis. Cross-referencing products that had similar required functionality, such as Google Flights and Amazon.
Prototyping key functionality
Using this research and by applying the Material Design Guidelines I delivered, in a fast-paced design sprint environment, iterative high-fidelity prototypes using UXPin, so we could better understand and test these key areas of functionality.
Visual interface
Building a pattern library based upon the Material Design Guidelines–shaping the overall visual language of the tool–I was then able to iterate and refine features through the design and development sprints, sharing designs with the Product Owner and Development team using the earlier built prototypes and Zeplin App. I often use Zeplin to hand over design and style guides with accurate specs, assets and code snippets all in one repository for the entire team to share.
By using Material Guidelines I was able to develop a visual interface that feels familiar, trustworthy and highlights the most effective aspects of the RS Components brand.
A complete design library with accurate specs and assets ready for build handover
