During the COVID-19 pandemic, I consulted digital marketing leadership and coordinated a team of five UX designers to deliver reliable vaccine program information across every product on MerckVaccines.com. One responsive IA template, designed once and applied to all product sites, cut design and development costs 15x and gave health care professionals consistent, trustworthy patterns for critical product information.
Every product page shares the same anatomy: global Merck Vaccines navigation, a product-level nav, direct links to Prescribing and Patient Information, flexible content sections, and a persistent drawer that keeps Indications and Usage and Select Safety Information pinned on screen as the visitor scrolls. Regulatory-critical content follows the reader instead of hiding below the fold. The same IA is shown here applied to VAQTA, one of the live product sites. Swipe through the screens below.
MerckVaccines.com is the ordering and information hub for U.S. health care professionals. Each vaccine had its own product site, and each site had grown its own layout, which meant every update was designed, built, and reviewed from scratch, product by product. During COVID-19, with vaccine skepticism at a peak and medical practices under strain, that inconsistency was a business problem and a trust problem at once.
Product sites diverged in layout and pattern, so each change multiplied design and development cost across the portfolio.
Indications and safety information, the content HCPs and regulators care about most, could scroll out of view on long product pages.
Medical team administrators managing and reordering products and supplies faced different tools and paths on every product site.
I designed the template as a complete responsive specification: 375px and 414px phones, 768px and 1024px iPads, and 1280px, 1440px, and 1920px desktops. At every width, the anatomy holds: global nav, product nav, Prescribing and Patient Information links, content sections, and the persistent safety drawer. A designer or developer picking up any product knew exactly what went where before a single branded comp existed.
The pattern that carries the most weight is the pinned drawer holding Indications and Usage and Select Safety Information, each expandable in place. On desktop it rides mid-viewport; on phones it becomes stacked expandable panels. Because it behaves identically on every product site, an HCP moving from one vaccine to another already knows where the critical information lives. The consistency itself is what builds trust at a time of heightened vaccine skepticism.
With the IA locked, each product became a theming exercise rather than a design project: brand color, product logo, hero content, and audience panels drop into an anatomy that's already specified and already approved. The VAQTA example below is the template wearing a product's brand. The drawer, nav structure, and information hierarchy are untouched.
Reliable, identical placement of critical product information addressed patient family anxieties during heightened vaccine skepticism.
A standardized path for medical team administrators to access tools, manage accounts, and reorder products and supplies.
A team of five UX designers shipping in parallel against one specification instead of five interpretations.
In vaccine communication, consistency is credibility. Designing the information architecture once, and holding it steady across every product, every breakpoint, and every safety disclosure, turned a portfolio of one-off sites into a system that was cheaper to run and easier to trust.