a new vaccine website

Concept site-flow diagram mapping users from entry sources through five stages — Positioning, Problem/Relevance, Value, Action, and Share — to exit points including appointment scheduling and Novartis vaccine ordering.
A
digital
project
Client
Novartis
Lead UX Designer
Enabled doctors and hospital administrators to follow a direct path to understand, value, and order a new five-strain meningitis vaccine.
Lead UX for Menveo.com, a Novartis clinician site for a new five-strain meningitis vaccine. A clean, modular design carrying value messaging, ordering, and compliance through direct, action-focused flows.
UX strategy, IA, sitemaps and site-flow that directed the shipped UI build
50
%
allocation
13
weeks
From
10/2009
To
12/2009
Webflow Template - Designed by Azwedo.com and Wedoflow.com
Shipped
My Role and Partners

Lead UX Designer at Oxford Technology Ventures, a contracted parter on The Bloc's Novartis account. I owned UX strategy, sitemaps, and workflows. After my engagement, The Bloc's UI and development team produced the live build directly from my strategy documents.

Context & Constraints

  • B2B healthcare audience: physicians and hospital administrators making purchase and ordering decisions, not patients.
  • Companion to a separate patient-facing site (Meningitis.com), requiring a clean differentiation of audiences and purposes between the two.
  • Regulated pharma content: a direct order path plus required compliance information.
  • New-product launch for the first vaccine covering five global meningitis strains.

Approach

  • Conceptualized the site's organizing principles: direct, unwasted delivery of information, and its content model.
  • Directed site-flow and content strategy spanning positioning through action.
  • Produced the UX strategy concept and site-flow diagram that aligned design and development.
  • Delivered guidance to the UI and development team that finalized the design and built the live site based on these documents.

Impact

  • Agency team shipped a launched clinician site with direct Novartis ordering and built-in compliance content.
  • Defined the experience around two HCP personas: a primary-care physician and a hospital administrator.
  • The shipped user interface, designed by a separate team, carried forward my concept metaphors and wireframes.

Artifacts summary

No items found.
  • Research: Audience segmentation and user persona assumption orchestration
    Strategy:
    UX strategy concept; positioning→relevance→value→action narrative
  • Design: Site-flow diagram; information architecture; sitemaps; workflows
  • Compliance: Ordering and compliance content path
  • Case Study

    Launched Menveo.com home page: a pink 'Help protect your child' banner over a photo of two teens sharing food, above navigation to prescribing and safety information. Final UI by others.
    Launched website (final UI design by others) inspired by my visual concept metaphors and wireframes
    No items found.

    Overview

    Menveo.com was the branded launch site for a new comprehensive vaccine. It was the first to protect against five global strains of meningitis. This site's job was to move a clinical audience of doctors and hospital administrators from first understanding the vaccine to ordering it, with the compliance content a pharmaceutical purchase requires. I led the experience end to end: strategy, information architecture, sitemaps, and workflows. Thus, I owned the experience design decisions while a separate team handled the UI build and development.

    Evidence of Need

    • Audience split: patient education lived on the companion site; clinician decision-making needed its own targeted experience on Menveo.com.
    • Two clinician profiles shaped the work: a primary-care physician and a hospital administrator— each with distinct questions and buying roles.
    • Messaging need: concise positioning of protection against five global strains, with clear next steps for procurement and policy.
    • Operational need: create room for compliance and build in a direct order path.

    Strategy

    The North Star was a single, disciplined idea. The site should deliver information as carefully and directly as a needle delivers serum. There should be no wasted motion between a customer's question and the answer. From that principle I structured the experience as a deliberate sequence: establish product positioning, demonstrate relevance, prove value, and enable action. Each stage earned the next, so a physician or administrator could move from "what is this" to "order it" without backtracking.

    Design and Solution

    The architecture resolved into a small set of purpose-built pages: an About page introducing the vaccine, a Value page spelling out what Menveo offers clinicians and the patients they treat, and an Action page carrying users toward purchase. Ordering ran directly through the manufacturer, with the required compliance content built into that path rather than bolted on. Visually, the design stayed clean and clinical while carrying forward a motif of colorful magnets anchoring discrete modules of content.

    Concepts
    No items found.
    Process

    With the site flow, sitemap, and persona needs defined, I translated the strategy into low-fidelity page wireframes. One wireframe for each experience step, from Positioning through Problem Relevance, Value, Action, and Share. Each page carried its concept intent forward and made it buildable: annotated components, a 990×575 layout tuned for 1024×768 screens, and a primary content area scaled down for mobile, with header, navigation, feature, and footer zones specified. Persona cues and calls to action were placed directly in the layouts so page structure answered real clinician and consumer needs rather than filling a template. I also wireframed alternate directions. This included a "Tree Vaccine" concept and a "Kids Share" social variant so stakeholders could compare approaches against one consistent structure. Versioned and dimensioned at scale, the set served as a specification the UI design and development team could build against directly by component, layout, and responsive behavior resolved before a line of production code.

    No items found.

    Delivery

    I packaged the UX strategy (concept, site-flow, IA, sitemaps, and workflows) as a build-ready specification, so the downstream team could produce the live pages without re-deriving intent. That handoff is what kept the shipped site faithful to the original strategy even though a different team executed the visual design and development.

    No items found.

    Outcomes

    The site shipped and did its job: a clinician arriving cold could leave having placed an order, with compliance handled along the way. Because the final UI was built by others from my documents, the launch also tested how well a strategy travels. The concept metaphors and wireframes survived into the shipped product.

    What I'd improve next: I would instrument the funnel from the start, defining ordering and engagement metrics during strategy so the sequence could be validated against real behavior rather than assumed and I would document the patient-site-to-clinician-site handoff as an explicit cross-experience flow.

    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.