{"product_id":"mobile-product-and-collection-layout-issue-empire","title":"Mobile Product and Collection Layout Issue","description":"\u003cp class=\"task-lead\"\u003eA home fragrance brand wanted three targeted changes to how product and collection pages rendered on mobile.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI've identified three key areas on mobile where changes are needed. The product grid is too cramped, the product page images are cropped wrong, and the collection filters are hidden. Fix these three.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe brand had done their own audit and knew exactly what was wrong. They needed execution.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe addressed the three items directly: loosened the mobile product grid to two columns with more breathing room, fixed image cropping on product pages so nothing important was cut off, and made collection filters visible with a clear toggle.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eMobile product grid spacing fixed\u003c\/li\u003e\n\u003cli\u003eProduct image cropping corrected on mobile\u003c\/li\u003e\n\u003cli\u003eCollection filters made accessible on mobile\u003c\/li\u003e\n\u003cli\u003eDesktop unchanged\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44154831896650,"sku":"TASK-0024","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/mobile-product-and-collection-layout-issue-empire","provider":"TaskHusky","version":"1.0","type":"link"}