04
Eli Lilly · Global Obesity

Digital Experience Design & Strategy

Designing a global UX framework that scales across markets — respecting cultural, regulatory, and health literacy differences while maintaining experience design consistency.

Experience Design Global UX Competitive Intelligence Obesity Scalable Platform Multi-market Regulatory
Eli Lilly Global Obesity
Global
UX/IA framework across all markets
7
Page-level mobile UX layouts validated
MLR-approved
Global experience design in regulated environments
Challenge
Problem reframe
UX approach
Decision log
Research → insight
Deliverables
Hindsight
The challenge

Lilly was advancing obesity initiatives across markets with substantively different regulatory environments, cultural perceptions, access models, and health literacy levels. A rigid global UX experience risked cultural missteps and local regulatory failure. Fully bespoke local experience design would create fragmentation and unsustainable maintenance overhead.

Obesity care is deeply sensitive — patients navigate stigma, self-blame, complex treatment histories, and often years of failed interventions. The UX had to address this emotional reality across cultures where the stigma manifests differently and the medical framing of obesity varies significantly.

My role: I led global UX strategy and experience design — defining the IA, content hierarchy, and UX framework that coordinates across markets. I owned the global-to-local experience design logic and the dependency workflows between Lilly regional delivery teams.

From brief to reframed problem

A global platform request concealed two distinct structural problems that needed to be solved sequentially.

Client brief

"Design a global obesity platform that can be adapted for each market — KSA, UAE, Germany, Japan — while maintaining brand and regulatory consistency."

Reframed UX problem

The brief frames this as an adaptation problem. It's actually two problems: first, identify which UX elements are structurally non-negotiable globally and which are genuinely flex zones — and that distinction hasn't been made yet. Second, obesity is one of the most stigma-loaded health conditions globally, and the UX must address the emotional reality of a patient who likely carries years of failed interventions and self-blame before it can make any clinical ask. The platform design challenge is global architecture plus stigma-aware emotional sequencing, not localization of a standard pharma UX template.

This reframe produced the global/flex zone architecture — defining non-negotiables centrally while building structured local adaptation into specific modules — and drove the stigma-reduction UX sequencing that opened the homepage experience.

UX approach

I approached this as a global UX architecture problem with local experience design sensitivity requirements — defining first where structural consistency was non-negotiable, and identifying where local design variation was required. The IA and UX principles that had to hold across all markets were established centrally; specific flex zones where local teams needed full adaptive experience design control were explicitly named and designed for adaptation.

AI-assisted research and competitive analysis helped surface UX patterns and regional content gaps at scale across four markets. The Quiz Module was the highest-complexity local flex zone — a five-screen interactive questionnaire generating a personalized discussion guide, with significant variation requirements across markets.

Key design decisions
Decision point Alternatives considered What we chose & why
Global architecture — template-based vs. principle-based
Single global template with market-specific content swaps. Lowest technical overhead; clean review trail.
Principle-based architecture with defined global constants and explicit flex zones. A template model would have forced UX compromises that created cultural missteps in markets with significantly different stigma contexts.
Homepage opening — condition-first vs. stigma-reduction first
Lead with obesity as a medical condition — biological framing, treatment overview. Standard pharma DTC opening model.
Stigma-reduction first — four modules validating patient experience before biological framing. Self-blame is a primary barrier to engaging with medical content. MLR approved it as clinical barrier reduction.
Quiz module — global vs. market-specific
Global quiz with consistent questions across all markets. Simplest to maintain; one MLR submission.
Quiz as the primary local flex zone with a shared interaction model. Questions that drive HCP conversation readiness are culturally specific — a global quiz would have generated discussion guides that didn't map to local clinical workflows.
Research methodology — sequential vs. AI-augmented parallel
Sequential per-market research — deep dive into each market individually before synthesis.
AI-augmented parallel cross-market analysis. Seeing all four markets simultaneously identified which UX principles were genuinely universal — a finding that couldn't have emerged from sequential work.
Research → insight → recommendation
Research input
AI-augmented cross-market audit + obesity stigma research

AI-augmented competitive pattern analysis across obesity patient platforms in KSA, UAE, Germany, and Japan. Cross-market health literacy and stigma research. Regulatory environment and cultural perception mapping by market.

Key insight
Stigma is universal but manifests differently — and blocks clinical content in all four markets

Self-blame and stigma were primary barriers to engagement in every market, but the cultural expression varied: social shame in Japan, religious self-judgment in KSA/UAE, personal discipline failure in Germany. The structural need to address stigma before clinical content was consistent across all four.

UX recommendation
Universal stigma-reduction structure with market-specific language flex zones

Four stigma-reduction modules as a global constant across all markets. Language and cultural framing within each module as a local flex zone. Biological framing appears only after the stigma-reduction arc completes.

Transferable to

Global wellness platforms & stigma-adjacent health conditions. The global constants / local flex zones architecture applies to any health platform scaling across markets where a condition carries cultural stigma. The stigma-reduction sequencing transfers directly to weight management, mental health, addiction support, and any condition where self-blame is a barrier to engaging with clinical content.

Figure 01 · Deliverable
Global UX IA Site Map

Global UX information architecture — site map framework defining the page hierarchy, content groupings, and experience design principles that had to remain consistent across all markets. The homepage anchored the experience with four stigma-reduction UX content modules before routing patients into four distinct experience pathways.

Framework A · UX Methodology Stigma-Reduction UX Framework

Four homepage modules forming the global constant zone — behaviorally sequenced to resolve shame, attribution, stakes, and agency before any clinical content is surfaced. Select a module to expand the design rationale.

Module 1
Activation
"It's time for a real change"
Names urgency without blame — opens the frame
Module 2
Attribution shift
"It's not your fault"
Transfers causal responsibility from patient to biology
Module 3
Stakes elevation
"Obesity impacts life"
Reframes weight as a health condition with systemic consequences
Module 4
Agency return
"Break free from the burden"
Hands control back to patient — primes action readiness
Module 1 · Activation — "It's time for a real change"
Behavioral function

Creates an opening without assigning blame. The patient must feel addressed, not judged, before any information has value.

Why it's a global constant

The emotional barrier it resolves — shame-avoidance — is culturally invariant. Localising this module risks softening the activation signal.

Gate to next module

Patient has accepted the premise that change is possible. Attribution of cause is still unresolved — must be addressed next.

Global constant Emotional barrier: shame Mechanism: urgency framing

Sequence constraint: modules must appear in this order across all market builds. Each resolves one emotional barrier before the next is surfaced. Reordering collapses the behavioral arc. Flex zones begin at section two of the site IA.

Framework B · UX Methodology Progressive Disclosure IA Framework

Five-section readiness ladder — each section has a gate condition that must be met before the next section's content has behavioral value. Select a section to expand content logic and global/flex designation.

Homepage
Stigma resolved, biology framed
Understanding obesity
Condition understood, not feared
Weight management options
Treatment landscape mapped, HCP role clear
Weight loss journeys
Social proof established, hesitation addressed
Talk to your doctor

Homepage — emotional foundation

Permission for the patient to engage with the subject at all. Shame and self-blame are resolved before any clinical information is presented.

The four stigma-reduction modules in fixed sequence. CTA is soft — discovery, not conversion. No clinical content until the module arc completes.

Global constantModule sequence fixedSoft CTA only

Understanding obesity — condition education

Clinical understanding of obesity as a chronic disease. Patient must accept the medical framing before treatment options carry credibility.

Global core: biology, comorbidities, systemic impact. Flex: specific comorbidity emphasis may be localised to market-prevalent conditions.

Core: global constantFlex: comorbidity emphasis

Weight management options — treatment landscape

Patient sees treatment as a legitimate, multi-modal space. HCP guidance is positioned as necessary context, not gatekeeping.

Global core: treatment categories and the role of medical management. Heavy flex: specific options, regulatory references, and reimbursement context vary by market.

Core: treatment framingFlex: options & regulatory refsFlex: reimbursement context

Weight loss journeys — social proof layer

Patient confidence that people like them have navigated this. Social proof functions as risk-reduction — lowers perceived barrier to initiating an HCP conversation.

High flex zone. Patient stories reflect market demographics and locally prevalent emotional barriers. Voice and tone flex permitted.

Core: social proof functionFlex: persona, voice & toneFlex: story selection

Talk to your doctor — action conversion

Concrete action. Patient arrives having resolved shame, accepted the condition, mapped options, and seen social proof. The CTA is now a low-friction next step, not a leap.

Core: HCP conversation framing and preparation tools. Flex: HCP-finding tools, system entry points, and CTA phrasing vary by market access model.

Core: conversation framingFlex: HCP-find toolsFlex: CTA phrasing
Global constant — no localisation
Flex zone — market-level adaptation permitted
Gate condition — must be met to preserve journey integrity
Figure 02 · Wireframe · Pre-production_Wireframes_Mobile_R10
Mobile Wireframes R10 — six-artboard spread showing full five-section patient journey

Mobile wireframes R10 — six-artboard mid-fidelity spread showing the complete five-section patient journey at 375px. Sections in sequence: Homepage (stigma-reduction module stack), Navigation, Understanding Obesity (condition education and BMI calculator), Weight Management Options, Quiz Module (personalized discussion guide generator), Weight Loss Journeys, and Talk to Your Doctor. The Quiz Module artboard documents functional logic, user process, output report structure, and learning prompts — the highest-complexity local flex zone in the global IA. All copy shown as lorem placeholder; structural hierarchy and UX sequencing are the deliverable. Pre-MLR working copy.

Figure 03 · Deliverable
Global Page UX Structure

Global page UX structure & experience design — seven page-level mobile UX layouts validating content hierarchy, structural sequencing, and the global-to-local experience design logic across the most divergent market scenarios. The Quiz Module is shown as the highest-complexity local flex zone.

Figure 04 · MLR-approved artifact
Produced Global Experience Design

MLR submission artifacts — fully produced global obesity platform. Homepage experience design opened with direct stigma-reduction framing before moving into the biological resistance UX flow. The Understanding Obesity page led with disease definition before introducing biological complexity through a carefully sequenced experience design hierarchy.

Role
Global UX strategy and experience design lead
Deliverables
Global IA, site map, mobile wireframes (R10), UX layouts, MLR-approved platform
Regulatory context
FDA · MLR · multi-market regulatory
Industry
Pharmaceuticals · Global health
If I ran this again

The global/flex zone architecture scaled well. Two things I'd sharpen: first, build a governance decision tree for local teams — a simple tool that tells them whether they're in a flex zone or a global constant before they start adapting, rather than catching drift in late-stage review. Second, use the AI research layer for cultural-sensitivity analysis earlier in the process. We applied it primarily to competitive pattern analysis; pointing it at regional patient voice content and health literacy signals during the research phase would have made the local flex zone design substantially more precise.