Contorion’s product catalogue is vast and finding a product can feel like finding a screw in the haystack. My role as Solo-UX Designer in the ‘Discovery Team’ was to make the search experience of customers fast, frictionless and successful. Here is how.
Image by Ono Kosuki, Pexels
Role
Solo-UX/UI Designer within Contorion’s ‘Discovery Team’ (Quantitative & Qualitative Research, Prototype Design, User Testing, Interface Design)
Disclaimer
Due to disclosure agreements with my former employer, the level of detail and information I can share about the following projects is limited.
Contorion is an online shop focused on professional craftsmen and -women and craft enthusiasts. With their active jobs, customers like to spend as little time as possible at their desk. So when it comes to finding the right tool in Contorion’s vast catalogue, they are looking for a frictionless and fast experience.
The search flyout is the first touchpoint with search results and should give a clear overview on relevant products and categories. It gives customers an aid in navigation as well as a first feedback on what the shop has to offer. Together with Developers and the BI-team, I worked on improving the interface design as well as the quality of search result suggestions to help customers make better decisions from the start of their search-journey.
Contorion flyout redesign on desktop and mobile screen
The product widget is a pivoting point within the customer journey of exploration. The right amount and quality of information shown are crucial for users to make a decision on a product. As our team was building a design system and collecting all product widget elements, we noticed there were a lot of different versions that had accumulated over the past years all over the shop. To create consistency for both the customer and also our team, we decided to test the performance of different elements on the widget to measure their impact on CTR and CR. From the results, we created a unified design which was better readable and had all information critical for our customers’ purchasing decisions at one glance.
All redesigned Contorion product widgets at one glance
Product filters can be a powerful tool to quickly narrow down large lists of search results. Especially on mobile devices that don’t provide as good of an overview as large screens, they can save customers a lot of time and frustration. To improve on the usability of our filters, I tested different models and measured time and task success to find the best design possible.
Userflow of selecting a category to narrow down search results on mobile
Sometimes, searches can lead to no results. When that happens, it’s important not to leave the customer hanging, provide guidance and turn a feeling of failure into a more positive experience. A good way to accomplish this, is to offer alternative starting points to navigate from. I designed the new no-result page to feature an overview of all categories and favourite brands as well as personalised product recommendations. Additionally, we offer B2B customers to contact their personal sales-agent at Contorion to support them with finding alternative products.
Redesigned no result page on desktop and mobile screen
Next Project