
Healthcare Category Pages
The task was to create concepts for product category pages that included items from larger collections. These pages would be the second step in the customer journey after viewing the Healthcare homepage.
The Problem
There were inconsistencies in the design, structure, visual treatment, and content of the previous product pages. These issues needed to be addressed to improve the user experience.
The Solution
The focus was to balance product and copy for SEO. Related products were grouped in containers with an image, description, carousel, and CTA. Next step would be a high-fidelity prototype.
Process Sketches
I began sketching after researching various websites. This led to mid fidelity visualizations for showing content across multipe screen sizes.


Mid Fidelity Mockups
These mockups show page layouts for a variety of devices.
Tablet and Phone

Desktop

Elements and Styling
This small system formed the foundation of the Healthcare web experience CSS pattern library.
