A mid-market home goods retailer selling premium kitchen and bath products hit a wall at $2 million in annual eCommerce revenue. Their Magento 2 store functioned — products loaded, carts worked, orders processed — but the user experience was actively repelling the customers their marketing team was spending heavily to acquire. Bounce rates on product pages exceeded 65%. Mobile conversion sat at 0.8%, roughly one-third of their desktop rate. The site loaded in 6.2 seconds on mobile connections. And their customer service team fielded dozens of daily calls from shoppers who could not figure out how to compare products, check delivery options, or complete checkout on their phones.
Eighteen months after a comprehensive UX overhaul on Magento — rebuilt frontend, restructured navigation, redesigned product pages, and a completely rethought mobile experience — the same store processes $14M in annual revenue with a smaller customer service team.
What Was Actually Wrong
The retailer's original Magento store was built in 2019 by a freelance developer who prioritized getting the store live over creating a considered user experience. The catalog contained 3,400 SKUs across kitchen appliances, cookware, bathroom fixtures, and accessories. Products had rich specifications — dimensions, materials, finishes, compatibility information — but this data was presented as unstructured text blocks that customers had to read line by line to find what they needed.
The specific UX problems were measurable.
Navigation buried products. The category structure mirrored the retailer's internal inventory organization rather than how customers actually shop. "Kitchen" split into "Cooking Appliances," "Food Preparation," "Kitchen Storage," and "Kitchen Accessories" — four categories that a customer looking for a stand mixer had to check individually because they had no way of knowing whether the retailer classified stand mixers as "Cooking Appliances" or "Food Preparation."
Product pages overwhelmed rather than informed. Each product page displayed an average of 47 specification fields, presented in a single undifferentiated list. A customer comparing two similar items had to open both pages in separate tabs and manually cross-reference specifications — a task that drove many shoppers to Amazon, where comparison was built into the experience.
Mobile was an afterthought. The responsive theme technically worked on mobile screens, but the experience was miserable. Large product images pushed critical information — pricing, availability, add-to-cart — below the fold. Filter panels required horizontal scrolling. The checkout form had desktop-sized input fields that were difficult to tap accurately on phone screens. Given that 62% of the retailer's traffic came from mobile devices, this was catastrophic.
Search returned irrelevant results. The native Magento search indexed product names and descriptions but ignored specification data. Searching for "brushed nickel faucet" returned results for any product containing any of those words individually — including nickel-colored cookware, faucet repair kits, and brushed steel appliances.
| UX Metric | Before Redesign | After Redesign | Change |
|---|---|---|---|
| Mobile page load (3G) | 6.2 seconds | 1.8 seconds | -71% |
| Mobile conversion rate | 0.8% | 2.9% | +263% |
| Desktop conversion rate | 2.4% | 4.1% | +71% |
| Product page bounce rate | 65% | 31% | -52% |
| Average session duration | 1:42 | 4:15 | +150% |
| Customer service calls/day (site-related) | 35-40 | 8-12 | -70% |
| Cart abandonment rate | 78% | 52% | -33% |
| Revenue (annualized) | $2M | $14M | +600% |
The UX Rebuild: What Changed and Why
Bemeir approached the rebuild as a UX-first project rather than a platform migration or a visual redesign. The underlying Magento 2 installation was technically sound — the problems were entirely in how the frontend presented information and guided customer behavior.
Navigation Restructured Around Shopping Intent
The category tree was rebuilt based on analysis of on-site search queries, customer service call logs, and competitive analysis of how the top five home goods retailers organized their catalogs.
The new structure grouped products by room and use case rather than product type. "Kitchen" became a landing page with visual navigation tiles for common shopping missions: "Cooking & Baking," "Coffee & Espresso," "Food Storage & Organization," "Kitchen Fixtures & Hardware." Each mission led to a curated category page with pre-applied filters relevant to that mission.
Critically, the same product could appear in multiple navigation paths. A premium stand mixer appeared under "Cooking & Baking" and under a "Gift Ideas Over $200" curated collection. This multi-path navigation meant customers found products regardless of which mental model they used to shop.
Product Pages Redesigned for Decision-Making
The product page redesign focused on answering the three questions every customer asks: Is this the right product for me? How does it compare to alternatives? Can I get it when I need it?
Structured specification display. The 47-specification data dump was reorganized into tabbed sections: Key Specs (the 5-7 most important attributes for buying decisions), Dimensions & Fit (critical for kitchen and bath products that must fit specific spaces), Materials & Care, and Compatibility (what works with what). The Key Specs tab loaded by default, keeping the page clean while making detailed information one click away.
Inline product comparison. Bemeir built a comparison widget that let customers add up to four products to a comparison tray from any category or product page. The comparison view presented specifications side by side with differences highlighted — similar to what K&N Engineering uses for their performance parts, where compatibility and specifications drive every purchase decision.
Real-time availability and delivery. Rather than a generic "In Stock" label, the redesigned product page showed estimated delivery dates based on the customer's ZIP code (entered once and remembered), stock levels at the warehouse closest to them, and alternative products available for faster delivery if the primary product was backordered.
Mobile Experience Built From Scratch
Rather than adapting the desktop design for mobile screens, the mobile experience was designed independently based on mobile-specific user behaviors.
Product images used a swipeable gallery with pinch-to-zoom, sized to display prominently without pushing content below the fold. The add-to-cart button stayed fixed at the bottom of the screen as customers scrolled, always accessible. Filter and sort controls used a full-screen modal rather than the cramped sidebar that the original theme attempted. The checkout was rebuilt as a single-page experience with large touch targets, auto-advancing fields, and Apple Pay and Google Pay prominently displayed as one-tap alternatives.
The Hyva theme provided the performance foundation. Replacing Magento's default Luma frontend with Hyva's lightweight architecture dropped the JavaScript payload from 1.2MB to under 200KB, which was the single largest contributor to the mobile page load improvement from 6.2 seconds to 1.8 seconds. Bemeir's development team then optimized image delivery using responsive images and lazy loading, added critical CSS inlining, and implemented service worker caching for repeat visits.
Search That Understands What Customers Mean
The native Magento search was replaced with Elasticsearch configured to index product specifications, not just names and descriptions. The search implementation included synonym handling (mapping "faucet" and "tap," "cooktop" and "stovetop," "brushed nickel" and "satin nickel"), typo tolerance, and weighted results that prioritized exact specification matches over partial text matches.
Autocomplete suggestions showed product thumbnails, prices, and star ratings directly in the search dropdown, letting customers identify the right product without loading a full search results page. For the 40% of shoppers who use site search, this eliminated an entire page load from the path to purchase.
The Business Impact Beyond Revenue
The revenue growth from $2M to $14M was not entirely attributable to the UX redesign — the retailer also expanded their product catalog and increased marketing spend during this period. But the UX improvements were the enabling factor. Before the redesign, increased marketing spend produced diminishing returns because the site could not convert the traffic it received. After the redesign, the same marketing channels produced dramatically better conversion rates, making increased spend profitable.
Customer acquisition cost dropped by 41%. Higher conversion rates meant each marketing dollar produced more revenue. The retailer's blended CAC dropped from $34 to $20 over the eighteen months following the redesign.
Repeat purchase rate increased from 12% to 28%. The improved user experience — especially the account dashboard showing order history, saved comparisons, and personalized recommendations based on past purchases — drove significantly more repeat business. The Magento customer account features, extended with custom modules for wishlist sharing and reorder shortcuts, made the store a destination rather than a one-time transaction.
SEO organic traffic grew 85%. The performance improvements (Core Web Vitals passing on all pages), structured data implementation, and improved internal linking from the restructured navigation contributed to significant organic search gains. Google's page experience signals rewarded the faster, more accessible site with improved rankings.
What Growing Retailers Should Take From This
The retailer's CTO summarized the lesson bluntly: "We thought we had a marketing problem. We had a UX problem. Every dollar we spent on marketing was partially wasted because the site could not convert the traffic we were paying for."
Three principles from this project apply broadly to growing retailers hitting similar walls.
Measure the right things before you redesign. Session recordings, heatmaps, and customer service call analysis revealed the specific UX failures that aggregate metrics like bounce rate only hinted at. Bemeir's UX audit process systematically identifies the highest-impact improvements rather than redesigning everything at once — because redesigning everything at once is expensive and risky.
Performance is a UX feature. The single most impactful change was making the site fast. A 1.8-second mobile load versus a 6.2-second load is not an incremental improvement — it is the difference between a customer who engages and a customer who leaves. The Hyva frontend migration delivered this performance gain on Magento without sacrificing any functionality.
Build for how customers shop, not how you organize inventory. The category restructuring required difficult internal conversations because the retailer's merchandising team was accustomed to the old structure. But the data was unambiguous: customers found products faster, browsed more pages per session, and converted at dramatically higher rates when navigation matched their mental models rather than the warehouse's organizational chart.
