11 Honoré
Shopify APILiquidJavaScriptHTMLCSS

11 Honoré

Search and Filtering Upgrades

For this project, I improved the search and browsing experience of a 11 Honoré’s Shopify site by enhancing its existing search functionality and implementing UI enhancements for the layout of the collection and search results pages. The goal was to make product discovery faster, clearer, and more intuitive for customers navigating the large product catalog.

One of the primary challenges was that the store sold clothing from multiple brands, each using different sizing systems such as Small/Medium/Large, numeric sizing, or brand-specific conventions. This inconsistency made it difficult for customers to filter products by size in a meaningful way. To address this, I implemented a standardized sizing system that mapped each brand’s sizing to a unified set of sizes. Products were tagged with both their original brand sizing and standardized size tags, enabling consistent and reliable size-based filtering across all brands.

To keep the filtering system accurate and up to date, I used Shopify’s API to implement an automated tagging process that added or removed product tags based on inventory availability and size status. This automation was triggered whenever inventory levels changed, ensuring that search results and collection filters always reflected real-time product availability without requiring manual intervention.

On the front end, the experience was built with JavaScript, HTML, CSS, and Liquid for seamless integration with the Shopify theme. The result was a more intuitive shopping experience, improved accuracy in search and filtering, and reduced administrative overhead through automation, creating a solution that scaled effectively as inventory and product offerings evolved.