-
Swatchbook is a cloud-based B2B ( and B2C in the future) platform that allows designers to explore, visualize, and share materials, revolutionizing the materials sourcing and management process. The platform offers a catalog of over 150,000 texture scans, renders, and 3D visualizations of materials, which users can use to instantly order from suppliers worldwide. Users are given access to with an in-depth CMS that allows for a unique and personalized experience.
Along with the catalog, swatchbook developed an app for mobile, the Ipad, and the Apple Vision Pro that allow users to apply materials to a 3D model in real time and view them in AR and VR. Swatchbook's clients include fashion retailers H&M, Target, Kohl's, Victoria's Secret, and Nike, as well as smaller fashion startups.
Disclaimer: All Names, Numbers, and Information has be replaced or changed to “placeholder” for non-disclosure purposes. Not all work shown has been fully released yet.
Tags
One unique feature of swatchbook is their tag system. It is a large scale organizational category system that places tags on fabrics or materials from swatchbooks algorithm or created by the user directly. With a almost limitless amount of tags, we took down our old system and I designed a new interface that let the user navigate the tag system quickly. The problem was solved by breaking down the tags into branching subcategories while still letting the user edit previous ones too. Surveys from internal testing and client testing saw an 40% increase in interaction with the new system and reactions were across the board positive.
Categorical Breakdown
Categorical Breakdown
With swatchbook’s tag system be the main tool for backend organization of the over 100,000 different swatches on the platform, there needed to be a tool for both the team and the users to access and edit them. I went through many different variations of organization models that in the goal to give the user a the ability to choose from thousands of tags without confusing them with the abundance of choice.
Starting from a basic early model swatchbook used, I redesigned the system that allowed the user to access thousands of different tags while still following an easily understandable and structured tool. The design was built on the concept of unlocking contextually appropriate options as more choices were made, creating a consistent narrative of choice.
Prototype to Finished product
Because this tagging system was built completely from the ground up, there was many rounds of testing involved. Several phases of prototypes were created in order for internal team and current client testing, which gave way to a much more fluid and user friendly menu navigation. This new system when put in place, saw a reduction of 60% of time spend using the menu system and overall less confusion and better understanding from users.
Or use this link to test out the prototype on a separate tab:
https://xd.adobe.com/view/ed03d6cb-cee0-4803-8137-89e5cedf57cc-b850/?fullscreen