Product Detail Page

Like many high traffic pages the PDP saw many careful and modular iterations, of which I led several. One of the most impactful was the hover-color preview where a user can hover over a small image and see the hero image change. The challenge was the current color picker was already sluggish, on top of that the code for that section was full of shared component logic and needed to be refactored. I refactored as little as possible while adding the hover effect and focused on memoized the color picker component and its props so the sluggishness evaporated.

I later had the opportunity to complete a redesign on the mobile color picker where I was afforded the time to complete the refactor of this section. The result made the upper section more readable and maintainable. I was also afforded time to complete a reskin of the entire page layout at which point I was also able to modularize all of the sections of the PDP

In separate feature work I add the product media carousel, media driven fishing reports carousel above the fold and front end based faceting and filtering section for fishing reports complete with up to date counts.