Healtcare Category Pages Hero Image

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

After researching various competitors' sites, I began planning how elements would be presented on the new pages.

process sketch process sketch

Mid Fidelity Mockups

These mockups show page layouts for a variety of devices.

Tablet and Phone

mockups for tablet and phone

Desktop

mockup for desktop

Elements and Styling

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

style system sketch