SHOPPERS DRUG MART

Flu Shot Finder

Role

UX Director

Responsibilities

Design Execution

Iconography

Accessibility

Cross-Team Collaboration

Overview

Shoppers Drug Mart runs a vaccination campaign every year. For the first time, they were offering online booking, so we collaborated with SDM's internal team to design and integrate a Flu Shot Finder within their booking platform. The result was an interactive map paired with a card list, giving users a clear overview of availability, distance, and location information.

200K+

BOOKINGS

-18%

BOUNCE RATE

1200+

STORES SERVED

Flu Shot Finder

Empty State

When the user first enters an empty state message paired with a location icon guides them to use the search field above to find their nearby store.

Duke Travel Site Zoomed into the filters

Empty State

When the user first enters an empty state message paired with a location icon guides them to use the search field above to find their nearby store.

Empty State

When the user first enters an empty state message paired with a location icon guides them to use the search field above to find their nearby store.

Tooltips and Modals

One of our challenges was that we needed to surface a lot of information tailored to each store and FluShot type. Our solution was to design modals and tooltips attached to specific icons. This kept each store card clean, with detailed information available on demand rather than shown by default.

Tooltips and Modals

Icons

As part of a larger icon library, we designed a suite of flu-specific and UI icons that align with the overall campaign aesthetic and the Shoppers brand.

Icons

As part of a larger icon library, we designed a suite of flu-specific and UI icons that align with the overall campaign aesthetic and the Shoppers brand.

Icons

As part of a larger icon library, we designed a suite of flu-specific and UI icons that align with the overall campaign aesthetic and the Shoppers brand.