Michael Mendez
design.mikemendez@gmail.com
Product Page Redesign
Role: Lead Product Designer
Team: Cross-functional (PM, Engineering, Stakeholders)
Timeline: ~6 months
problem
Over half our traffic was mobile, and on mobile everything shoppers needed to make a decision sat below the fold.
Surveys, heat maps, and engagement data showed where the page was failing.
Key insights
No hierarchy, making browsing difficult
Too much content, hiding product offerings
Important information buried below the fold
Scroll depth fatigue from long pages
Redundant info and services created confusion
Specifications were hard to find
solution
I reorganized the content hierarchy so the most important details appeared above the fold. Leading with the product name instead of the SKU made it clearer from the start, and placing a large product image front and center helped shoppers quickly confirm they were in the right place.
To save space and keep things clean, I shortened the breadcrumb trail and added a sticky nav, allowing people to jump between sections and find what they needed with less effort.
On top of that, adding image thumbnails to nudge people toward using the gallery to explore product features and benefits. This small change made a big impact.
Big jump in gallery engagement from 12.97% to 32.97%.
I streamlined the additional services content and cut the over-explaining by moving to short, clear prompts like "What's included with installation?", a question many shoppers already have when weighing extra services.
I also introduced new components, including mini product cards for cross-sell merchandising, improved buttons, and smoother carousel interaction. These reduced scroll depth and friction by making better use of the mobile viewport.
Additional services engagement moved from 0.84% to 1.06%. A smaller lift since these are optional.
Easy access to specifications is a top priority for shoppers and a big influence on their purchase decision. I added a sticky navigation so customers could jump straight to this section, and reorganized the layout to make specs easier to scan without endless scrolling.
Specifications saw an increase in engagement from 1.54% to 4.97%.
Here's a product page in the wild. Happy to walk through anything I didn't cover.
What I learned
One of the hardest parts of this process wasn't design, it was finding the balance between merchandising empowerment and a clean product page. It's easy to treat business requests as noise, but it's how our products sell. The middle ground was usually giving them more content but in a tighter form, mini product cards instead of full modules, short prompts instead of long explanations. It works for them and the customer, but there's always room for improvement.
