a smarter way to sort and view products
the immunodiagnostics website is a place for customers to gain information about immunoassay testing and provides a catalog of products to browse. Since there was no development in place to add products directly to the cart, I concepted and designed a confined experience that would allow customers to select multiple products at various levels of the site, and add to a product list.
my role. ui design. ux design. art direction. brand strategy. visual identity.
The catalog had some very specific requirements related to the the science and users had difficulty selecting and browsing the products. Out of date design and an unclear customer journey combined with inconsistent styling made the site difficult to navigate.
The catalog required a 3 tier navigation to handle the complexities of the product selection. the experience starts on the 'catalog' page and helps users to decide which area they would like to search. The primary navigation under the header is for moving around the site, the secondary navigation populates under the hero when you are on the catalog pages, and the tertiary navigation provides filterable attributes for the user. Once inside the selection, the user can add multiple products to their list.
the new templates and design have aligned the brand strategy and the leveraged the design system to create scalable results. the business can add and remove products efficiently from the backend while users have an intuitive way to browse available products, add to their product list and easily share or print the results. the final product is responsive for mobile, tablet, and desktop and the templated pages provide art direction for future campaigns and page creation.