a disease education website

Conceptual site flow diagram mapping four primary chapters — Relate, Educate, Assess, Recommend — from entry points including organic search and partner sites through to exit points for scheduling a doctor's appointment, with decision points
A
digital
project
Client
Novartis
Lead UX Designer
Translated meningitis risk education into a four-chapter site journey that moved parents toward scheduling a vaccination visit for teenagers.
UX strategy for a disease-education site (Meningitis.com): a parent-centered “fridge” metaphor and a four-chapter journey. This culminates in risk assessment and clear vaccination guidance, delivered with agency partners.
4-chapter site flow (Relate, Educate, Assess, Recommend) shipped to production
50
%
allocation
13
weeks
From
10/2009
To
12/2009
Webflow Template - Designed by Azwedo.com and Wedoflow.com
Shipped
My Role and Partners

Engaged through Oxford Technology Ventures as primary User Experience Designer, partnering with The Cement Bond, agency of record for the client, under their creative direction. The Cement Bond's in-house UI design and development team executed final visual design and production from Tana's UX strategy concepts, site flow, and content structure.

Context & Constraints

  • Unbranded disease-education site paired with a companion branded vaccine site (see "A New Vaccine Website")
  • Primary audience: parents of tweens and teenagers researching meningitis risk
  • Secondary audiences identified: infants, travelers, and senior citizens — populations not commonly associated with meningitis risk
  • Pharma regulatory requirements necessitated dedicated footer space for disclaimers, shaping page layout from the start

Approach

  • Conceptualized two metaphorically distinct experiences for the branded and unbranded sites, anchoring the unbranded site in the visual language of a refrigerator door: the surface where the target audience displays and shares family information.
  • Structured the user journey as four sequential chapters: Relate, Educate, Assess, Recommend. The site functioned as a guided path to a vaccination appointment rather than a browsable reference.
  • Mapped risk populations beyond the core tween/teen audience to include infants, travelers, and senior citizens, ensuring the content served families who would not self-identify as high-risk.
  • Delivered UX strategy concepts, a site flow diagram, site map, and wireframes to The Cement Bond's UI design and development team for final visual production

Impact

  • Shipped a 4-chapter site journey (Relate, Educate, Assess, Recommend) carrying parents from risk awareness to a vaccination recommendation
  • The site's risk-assessment module gave users a structured self-evaluation path rather than leaving them to weigh clinical statistics on their own, directly connecting personal behavior to a vaccination call-to-action
  • Extended the meningitis risk narrative to 3 commonly overlooked at-risk groups — infants, travelers, and senior citizens — beyond the core tween/teen audience

Artifacts summary

No items found.
  • Strategy: UX strategy concept board (refrigerator-door metaphor), four-chapter site flow diagram
  • Design: Final build screenshots — home, risk assessment, high-risk behaviors, education/behavior, recommend/vaccine pages
  • Compliance: Footer layout accommodated mandatory pharma regulatory disclaimers across all chapter pages

Case Study

Meningitis.com launched home page with a large yellow banner reading "How do you describe losing a leg to meningitis?" above introductory copy headed "Be meningitis smart," with primary navigation
Launched home page (final UI design by others) inspired by my UX concepts and wireframes.
No items found.

Overview

Novartis commissioned The Cement Bond (part of The Bloc agencies in New York) a paired digital campaign to address meningitis risk from two angles: an unbranded public-education site (Meningitis.com) to build awareness, and a companion branded site (Menveo.com) introducing the vaccine itself. This case covers the unbranded site.

The primary audience was parents of tweens and teenagers; the campaign also needed to reach infants, travelers, and senior citizens. These populations are at real risk but not commonly associated with meningitis. Success meant moving a parent from initial awareness through a structured self-assessment to guidance on scheduling avaccination appointment. Tana served as primary UX Designer, delivering information architecture, site flow, and content strategy. Final visual design and front-end build were executed by The Cement Bond's in-house team from those strategy documents.

The site design needed to broaden the mental model beyond how parents commonly associated meningitis risk with teenagers only to include infants, travelers, and senior citizens without diluting the parent-facing core story. Families needed a trustworthy sequence that converted awareness into a scheduled appointment— not a clinical reference they could browse and leave.

Evidence of Need

This was the first vaccine to prevent all five global strains of viral meningitis. Novartis wanted to educate the public on the risks of meningitis, and why it should be a standard vaccination for teenagers at risk, as well as other audience groups at risk.

Strategy

The North Star was metaphorical differentiation. Rather than distinguish the branded and unbranded sites through content alone, each site needed its own visual language. For the unbranded education site, Tana anchored the concept in the refrigerator door, a literal surface where the target audience posts, displays, and communicates family information, to make a clinical health topic feel native to a familiar domestic context rather than a pharmaceutical pitch. Content was structured as a four-chapter journey (Relate, Educate, Assess, Recommend) sequencing users from emotional relevance through self-assessment to a direct recommendation rather than leaving them to browse disconnected pages. The trade-off against the branded site (designed to read as clinical and direct, "as carefully as a needle delivers the serum") was deliberate: the unbranded site needed casual warmth and familiarity to read as education rather than promotion.

Design and Solution

The four-chapter flow functioned as the site's backbone, with each chapter mapped to a distinct user state: emotional relevance, factual education, personal risk assessment, and a vaccination recommendation. The Assess chapter centered an interactive risk-assessment tool letting users evaluate their own exposure, the site's primary conversion mechanism. Content was deliberately widened beyond the core tween/teen narrative to include infants, travelers, and senior citizens (populations not typically associated with meningitis risk) broadening the site's relevance without diluting the central parent-facing story. Visual execution (the refrigerator-magnet aesthetic, color palette, and final UI) was produced by The Cement Bond's in-house design team from Tana's strategy documents and flow diagrams.

Concepts
No items found.
Process

Low-fidelity mockups translated the four-chapter site flow into page level detailed content arrangement documentation. Each page spec paired an annotated wireframe with content requirements, module behavior, and link logic, giving The Cement Bond's UI design and development team a single reference for what each page had to accomplish before visual design began — including the footer allowance required for regulatory disclaimers.

No items found.

Delivery

Tana delivered UX strategy concepts, a four-chapter content structure, and a site flow diagram to The Cement Bond's UI design and development team, who executed final visual design and front-end build for production. The page layout was designed from the outset to accommodate footer space for pharma regulatory disclaimers — a requirement that shaped column structure and content density across all chapter pages.

No items found.

Outcomes

The site shipped to production as the unbranded half of a two-site campaign, pairing risk education and self-assessment with a separate branded vaccine site for conversion.

Learn more at the external product page
Portfolio Webflow Template - Carolina - Designed by Azwedo.com and Wedoflow.com
My activities
Contact
Portfolio Webflow Template - Carolina - Designed by Azwedo.com and Wedoflow.com
Submitted! We’ll take it from here! 🪄
Oops! Something went wrong while submitting the form.