<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Alessandro Zulberti</title>
	<atom:link href="https://alessandrozulberti.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://alessandrozulberti.com/</link>
	<description>UX - User Experience Researcher</description>
	<lastBuildDate>Wed, 29 Apr 2026 15:57:57 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://alessandrozulberti.com/wp-content/uploads/2022/12/cropped-image-32x32.jpg</url>
	<title>Alessandro Zulberti</title>
	<link>https://alessandrozulberti.com/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Agentic AI Reading Instrument</title>
		<link>https://alessandrozulberti.com/field-note/agentic-ai-reading-instrument-shortcode/</link>
		
		<dc:creator><![CDATA[Alessandro Zulberti]]></dc:creator>
		<pubDate>Sat, 18 Apr 2026 12:48:41 +0000</pubDate>
				<category><![CDATA[Field Note]]></category>
		<guid isPermaLink="false">http://localhost:8888/?p=2065</guid>

					<description><![CDATA[<p>This experiment helps inspect short ideas about agentic AI through fixed critical lenses. Rather than simulating an assistant, it reads where delegation compresses context, assumes capability, and leaves hidden recovery work behind.</p>
<p>The post <a href="https://alessandrozulberti.com/field-note/agentic-ai-reading-instrument-shortcode/">Agentic AI Reading Instrument</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>This experiment helps inspect short ideas about agentic AI through fixed critical lenses. Rather than simulating an assistant, it reads where delegation compresses context, assumes capability, and leaves hidden recovery work behind.</p>


<section class="az-agentic-mount az-shortcode-render az-shortcode-render--agentic-ai-reading alignfull">
<article class="az-agentic" data-az-agentic>
  <style>
    .az-agentic-mount {
      display: block;
      width: 100%;
      max-width: none;
    }

    .az-agentic {
      --az-agentic-bg: linear-gradient(180deg, #f1ece3 0%, #f7f4ef 30%, #fcfaf7 100%);
      --az-agentic-surface: rgba(255, 255, 255, 0.78);
      --az-agentic-surface-strong: rgba(255, 255, 255, 0.92);
      --az-agentic-surface-soft: rgba(246, 242, 235, 0.88);
      --az-agentic-ink: #171512;
      --az-agentic-muted: #615b54;
      --az-agentic-line: rgba(23, 21, 18, 0.12);
      --az-agentic-line-strong: rgba(23, 21, 18, 0.22);
      --az-agentic-accent: #1f3d35;
      --az-agentic-accent-soft: rgba(31, 61, 53, 0.12);
      --az-agentic-risk-low: #2f6247;
      --az-agentic-risk-low-bg: rgba(47, 98, 71, 0.1);
      --az-agentic-risk-medium: #8a6332;
      --az-agentic-risk-medium-bg: rgba(138, 99, 50, 0.12);
      --az-agentic-risk-high: #8b4337;
      --az-agentic-risk-high-bg: rgba(139, 67, 55, 0.12);
      --az-agentic-shadow: 0 20px 48px rgba(18, 16, 13, 0.06);
      --az-agentic-radius-lg: 26px;
      --az-agentic-radius-md: 18px;
      --az-agentic-radius-sm: 12px;
      --az-agentic-serif: var(--wp--preset--font-family--az-heading, "Newsreader", serif);
      --az-agentic-sans: var(--wp--preset--font-family--az-body, Inter, sans-serif);
      position: relative;
      max-width: 1120px;
      margin: 0 auto;
      padding: clamp(1.1rem, 2vw, 1.8rem);
      border: 1px solid var(--az-agentic-line);
      border-radius: var(--az-agentic-radius-lg);
      background: var(--az-agentic-bg);
      box-shadow: var(--az-agentic-shadow);
      color: var(--az-agentic-ink);
      font-family: var(--az-agentic-sans);
    }

    .az-agentic::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background:
        radial-gradient(circle at top right, rgba(95, 111, 90, 0.12), transparent 26%),
        radial-gradient(circle at bottom left, rgba(143, 108, 74, 0.08), transparent 22%);
      pointer-events: none;
    }

    .az-agentic,
    .az-agentic * {
      box-sizing: border-box;
    }

    .az-agentic__header,
    .az-agentic__form-shell,
    .az-agentic__summary-grid,
    .az-agentic__lens-grid,
    .az-agentic__judgement,
    .az-agentic__usage,
    .az-agentic__empty {
      position: relative;
      z-index: 1;
    }

    .az-agentic__header {
      display: grid;
      gap: 1rem;
      padding: clamp(0.6rem, 1vw, 1rem);
    }

    .az-agentic__eyebrow,
    .az-agentic__label,
    .az-agentic__meta-label,
    .az-agentic__lens-label,
    .az-agentic__examples-title {
      margin: 0;
      font-size: 0.72rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--az-agentic-muted);
    }

    .az-agentic__title,
    .az-agentic__summary-text,
    .az-agentic__synthesis-text,
    .az-agentic__judgement-title {
      margin: 0;
      font-family: var(--az-agentic-serif);
      font-weight: 200;
      letter-spacing: 0;
      line-height: 1.05;
      text-wrap: balance;
    }

    .az-agentic__title {
      max-width: none;
      font-size: var(--az-type-h3, var(--wp--preset--font-size--large, clamp(1.54rem, 1.36rem + 0.55vw, 1.83rem)));
      line-height: 1.12;
    }

    .az-agentic__intro,
    .az-agentic__note,
    .az-agentic__summary-card p,
    .az-agentic__synthesis-card p,
    .az-agentic__judgement p,
    .az-agentic__empty p,
    .az-agentic__lens-card p,
    .az-agentic__textarea-note {
      margin: 0;
      max-width: 62ch;
      font-size: var(--az-type-body, var(--wp--preset--font-size--medium, clamp(1.06rem, 1.01rem + 0.24vw, 1.16rem)));
      line-height: var(--az-leading-body, 1.7);
      color: var(--az-color-text, var(--az-agentic-ink));
    }

    .az-agentic__note {
      font-size: 0.95rem;
      color: var(--az-agentic-ink);
    }

    .az-agentic__form-shell {
      display: grid;
      gap: 1rem;
      margin-top: 1.4rem;
      padding: clamp(1rem, 2vw, 1.5rem);
      border: 1px solid var(--az-agentic-line);
      border-radius: var(--az-agentic-radius-md);
      background: var(--az-agentic-surface);
      backdrop-filter: blur(18px);
    }

    .az-agentic__examples {
      display: grid;
      gap: 0.7rem;
    }

    .az-agentic__example-list {
      display: flex;
      flex-wrap: wrap;
      gap: 0.6rem;
    }

    .az-agentic__example {
      border: 1px solid var(--az-agentic-line);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.6);
      color: var(--az-agentic-ink);
      padding: 0.65rem 0.95rem;
      font: inherit;
      font-size: 0.92rem;
      line-height: 1.3;
      cursor: pointer;
      transition: border-color 140ms ease, background-color 140ms ease, transform 140ms ease;
    }

    .az-agentic__example:hover,
    .az-agentic__example:focus-visible,
    .az-agentic__example.is-active {
      border-color: rgba(31, 61, 53, 0.3);
      background: rgba(31, 61, 53, 0.08);
      outline: none;
      transform: translateY(-1px);
    }

    .az-agentic__form {
      display: grid;
      gap: 0.8rem;
    }

    .az-agentic__field {
      display: grid;
      gap: 0.55rem;
    }

    .az-agentic__textarea {
      width: 100%;
      min-height: 8.75rem;
      padding: 1rem 1.05rem;
      border: 1px solid var(--az-agentic-line-strong);
      border-radius: var(--az-agentic-radius-sm);
      background: rgba(255, 255, 255, 0.92);
      color: var(--az-agentic-ink);
      resize: vertical;
      font: inherit;
      font-size: 1rem;
      line-height: 1.55;
      transition: border-color 140ms ease, box-shadow 140ms ease;
    }

    .az-agentic__textarea:focus-visible {
      outline: none;
      border-color: rgba(31, 61, 53, 0.42);
      box-shadow: 0 0 0 3px rgba(31, 61, 53, 0.12);
    }

    .az-agentic__actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.75rem;
    }

    .az-agentic__button {
      border: 1px solid var(--az-agentic-ink);
      border-radius: 999px;
      padding: 0.82rem 1.25rem;
      font: inherit;
      font-size: 0.95rem;
      line-height: 1;
      cursor: pointer;
      transition: transform 140ms ease, background-color 140ms ease, border-color 140ms ease, color 140ms ease;
    }

    .az-agentic__button:hover,
    .az-agentic__button:focus-visible {
      outline: none;
      transform: translateY(-1px);
    }

    .az-agentic__button--primary {
      background: var(--az-agentic-ink);
      color: #ffffff;
    }

    .az-agentic__button--primary:hover,
    .az-agentic__button--primary:focus-visible {
      background: #000000;
    }

    .az-agentic__button--secondary {
      background: transparent;
      color: var(--az-agentic-ink);
      border-color: var(--az-agentic-line-strong);
    }

    .az-agentic__button--secondary:hover,
    .az-agentic__button--secondary:focus-visible {
      background: rgba(23, 21, 18, 0.04);
    }

    .az-agentic__button:disabled {
      opacity: 0.6;
      cursor: wait;
      transform: none;
    }

    .az-agentic__status {
      min-height: 1.2rem;
      font-size: 0.88rem;
      color: var(--az-agentic-muted);
    }

    .az-agentic__results {
      display: grid;
      gap: 1rem;
      margin-top: 1rem;
    }

    .az-agentic__results[hidden] {
      display: none;
    }

    .az-agentic__summary-grid {
      display: grid;
      gap: 1rem;
      grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.35fr);
    }

    .az-agentic__summary-card,
    .az-agentic__synthesis-card,
    .az-agentic__lens-card,
    .az-agentic__judgement,
    .az-agentic__empty {
      padding: clamp(1rem, 1.6vw, 1.35rem);
      border: 1px solid var(--az-agentic-line);
      border-radius: var(--az-agentic-radius-md);
      background: var(--az-agentic-surface-strong);
      box-shadow: 0 12px 30px rgba(18, 16, 13, 0.035);
    }

    .az-agentic__summary-card,
    .az-agentic__synthesis-card,
    .az-agentic__judgement {
      display: grid;
      gap: 0.85rem;
    }

    .az-agentic__summary-source {
      margin: 0;
      padding-left: 1rem;
      border-left: 2px solid rgba(23, 21, 18, 0.1);
      font-size: 0.95rem;
      line-height: 1.6;
      color: var(--az-agentic-ink);
    }

    .az-agentic__summary-text {
      font-size: var(--az-type-h2, var(--wp--preset--font-size--x-large, clamp(1.86rem, 1.54rem + 1vw, 2.39rem)));
      line-height: 1.04;
    }

    .az-agentic__meta-row {
      display: flex;
      flex-wrap: wrap;
      gap: 0.45rem;
      align-items: baseline;
      padding-top: 0.85rem;
      border-top: 1px solid var(--az-agentic-line);
      color: var(--az-agentic-muted);
      font-size: 0.92rem;
      line-height: 1.5;
    }

    .az-agentic__meta-row strong {
      color: var(--az-agentic-ink);
      font-weight: 600;
    }

    .az-agentic__synthesis-card {
      background:
        linear-gradient(135deg, rgba(31, 61, 53, 0.08), rgba(31, 61, 53, 0) 38%),
        var(--az-agentic-surface-strong);
    }

    .az-agentic__synthesis-text {
      font-size: var(--az-type-h2, var(--wp--preset--font-size--x-large, clamp(1.86rem, 1.54rem + 1vw, 2.39rem)));
      line-height: 1.04;
    }

    .az-agentic__lens-grid {
      display: grid;
      gap: 1rem;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .az-agentic__lens-card {
      display: grid;
      gap: 0.9rem;
      background: var(--az-agentic-surface);
    }

    .az-agentic__lens-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 0.85rem;
      padding-bottom: 0.85rem;
      border-bottom: 1px solid var(--az-agentic-line);
    }

    .az-agentic__lens-title {
      margin: 0;
      font-size: var(--az-type-h3, var(--wp--preset--font-size--large, clamp(1.54rem, 1.36rem + 0.55vw, 1.83rem)));
      line-height: 1.12;
      font-weight: 200;
      color: var(--az-color-text, var(--az-agentic-ink));
    }

    .az-agentic__risk {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 4.75rem;
      padding: 0.34rem 0.7rem;
      border-radius: 999px;
      font-size: 0.72rem;
      line-height: 1;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      font-weight: 700;
      white-space: nowrap;
    }

    .az-agentic__risk[data-risk="Low"] {
      background: var(--az-agentic-risk-low-bg);
      color: var(--az-agentic-risk-low);
    }

    .az-agentic__risk[data-risk="Medium"] {
      background: var(--az-agentic-risk-medium-bg);
      color: var(--az-agentic-risk-medium);
    }

    .az-agentic__risk[data-risk="High"] {
      background: var(--az-agentic-risk-high-bg);
      color: var(--az-agentic-risk-high);
    }

    .az-agentic__lens-copy {
      display: grid;
      gap: 0.8rem;
    }

    .az-agentic__lens-block {
      display: grid;
      gap: 0.3rem;
    }

    .az-agentic__lens-block p {
      font-size: var(--az-type-body, var(--wp--preset--font-size--medium, clamp(1.06rem, 1.01rem + 0.24vw, 1.16rem)));
      line-height: var(--az-leading-body, 1.7);
      color: var(--az-color-text, var(--az-agentic-ink));
    }

    .az-agentic__judgement {
      background:
        linear-gradient(135deg, rgba(143, 108, 74, 0.12), rgba(143, 108, 74, 0) 48%),
        var(--az-agentic-surface-strong);
    }

    .az-agentic__judgement-title {
      font-size: var(--az-type-h2, var(--wp--preset--font-size--x-large, clamp(1.86rem, 1.54rem + 1vw, 2.39rem)));
      line-height: 1.04;
    }

    .az-agentic__judgement-note {
      max-width: 52ch;
    }

    .az-agentic__empty {
      background: var(--az-agentic-surface-soft);
    }

    .az-agentic__empty p {
      color: var(--az-agentic-ink);
    }

    .az-agentic__usage {
      display: grid;
      gap: 0.45rem;
      margin-top: 0.2rem;
      padding: 0.8rem 1rem;
      border: 1px solid var(--az-agentic-line);
      border-radius: var(--az-agentic-radius-sm);
      background: rgba(255, 255, 255, 0.52);
      color: var(--az-agentic-muted);
      font-size: 0.78rem;
      line-height: 1.45;
    }

    .az-agentic__usage[hidden] {
      display: none;
    }

    .az-agentic__usage-title,
    .az-agentic__usage-note {
      margin: 0;
    }

    .az-agentic__usage-list {
      display: flex;
      flex-wrap: wrap;
      gap: 0.35rem 0.85rem;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .az-agentic__usage strong {
      color: var(--az-agentic-ink);
      font-weight: 650;
    }

    @media (max-width: 900px) {
      .az-agentic__summary-grid,
      .az-agentic__lens-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 680px) {
      .az-agentic {
        padding: 0.9rem;
        border-radius: 22px;
      }

      .az-agentic__header,
      .az-agentic__form-shell,
      .az-agentic__summary-card,
      .az-agentic__synthesis-card,
      .az-agentic__lens-card,
      .az-agentic__judgement,
      .az-agentic__empty {
        padding: 1rem;
      }

      .az-agentic__lens-head {
        flex-direction: column;
        align-items: flex-start;
      }
    }
  </style>

  <header class="az-agentic__header" aria-labelledby="az-agentic-title">
    <p class="az-agentic__eyebrow">Editorial experiment</p>
    <h3 id="az-agentic-title" class="az-agentic__title">Agentic AI reading instrument</h3>
    <p class="az-agentic__intro">
      Paste a short scenario about an AI agent. The page reads it through fixed lenses so you can see where delegation compresses context, hides repair work, or should stop.
    </p>
    <p class="az-agentic__note">Not a chatbot. Not a feasibility checker. A compact diagnostic.</p>
  </header>

  <section class="az-agentic__form-shell" aria-labelledby="az-agentic-input-title">
    <div class="az-agentic__examples">
      <p id="az-agentic-input-title" class="az-agentic__examples-title">Load an example</p>
      <div class="az-agentic__example-list">
                  <button class="az-agentic__example" type="button" data-az-example="An AI agent books and rearranges my travel automatically.">
            An AI agent books and rearranges my travel automatically.          </button>
                  <button class="az-agentic__example" type="button" data-az-example="An agent buys groceries for a dinner party.">
            An agent buys groceries for a dinner party.          </button>
                  <button class="az-agentic__example" type="button" data-az-example="An agent handles insurance claims on my behalf.">
            An agent handles insurance claims on my behalf.          </button>
                  <button class="az-agentic__example" type="button" data-az-example="An agent configures and buys a laptop for me.">
            An agent configures and buys a laptop for me.          </button>
                  <button class="az-agentic__example" type="button" data-az-example="An agent manages supplier follow-ups for a small studio.">
            An agent manages supplier follow-ups for a small studio.          </button>
              </div>
    </div>

    <form class="az-agentic__form" data-az-form>
      <label class="az-agentic__field">
        <span class="az-agentic__label">Scenario</span>
        <textarea
          class="az-agentic__textarea"
          name="scenario"
          data-az-input
          placeholder="An AI agent handles insurance claims on my behalf."
          aria-describedby="az-agentic-textarea-note"
        >An AI agent books and rearranges my travel automatically.</textarea>
      </label>
      <p id="az-agentic-textarea-note" class="az-agentic__textarea-note">Enter one short scenario only. This version reads one agentic situation at a time, not a list, comparison, or instruction prompt.</p>
      <div class="az-agentic__actions">
        <button class="az-agentic__button az-agentic__button--primary" type="submit" data-az-analyse>Analyse</button>
        <button class="az-agentic__button az-agentic__button--secondary" type="button" data-az-reset>Reset</button>
      </div>
      <div class="az-agentic__status" data-az-status aria-live="polite"></div>
    </form>
  </section>

  <section class="az-agentic__results" data-az-results hidden>
    <div class="az-agentic__summary-grid">
      <section class="az-agentic__summary-card" aria-labelledby="az-agentic-summary-title">
        <p class="az-agentic__label">Scenario summary</p>
        <p class="az-agentic__summary-source" data-az-slot="scenario"></p>
        <h2 id="az-agentic-summary-title" class="az-agentic__summary-text" data-az-slot="summary"></h2>
        <div class="az-agentic__meta-row">
          <span class="az-agentic__meta-label">Interface legibility</span>
          <span data-az-slot="meta"></span>
        </div>
      </section>

      <section class="az-agentic__synthesis-card" aria-labelledby="az-agentic-synthesis-title">
        <p class="az-agentic__label">Dominant synthesis</p>
        <h2 id="az-agentic-synthesis-title" class="az-agentic__synthesis-text" data-az-slot="synthesis"></h2>
      </section>
    </div>

    <section class="az-agentic__lens-grid" data-az-slot="lenses" aria-label="Analysis lenses"></section>

    <section class="az-agentic__judgement" aria-labelledby="az-agentic-judgement-title">
      <p class="az-agentic__label">Final judgement</p>
      <h2 id="az-agentic-judgement-title" class="az-agentic__judgement-title" data-az-slot="judgement-title"></h2>
      <p class="az-agentic__judgement-note" data-az-slot="judgement-note"></p>
    </section>
  </section>

  <section class="az-agentic__empty" data-az-empty hidden>
    <p>Paste a scenario or load an example. The page returns one synthesis, five fixed lenses, and a final judgement.</p>
  </section>

  <section class="az-agentic__usage" data-az-usage hidden aria-live="polite"></section>

  <script type="application/json" data-az-agentic-config>{"defaultScenario":"An AI agent books and rearranges my travel automatically.","examples":["An AI agent books and rearranges my travel automatically.","An agent buys groceries for a dinner party.","An agent handles insurance claims on my behalf.","An agent configures and buys a laptop for me.","An agent manages supplier follow-ups for a small studio."],"endpointUrl":"https://alessandrozulberti.com/wp-json/az-agentic-ai-reading/v1/agentic-ai/analyse","fallbackAnalysis":{"contract_version":"agentic-ai-reading-v1","scenario":"An AI agent handles a loosely specified task on a person’s behalf.","summary":{"short":"A vague task delegated before standards and stop points are clear.","interface_legibility":"semantic","interface_note":"The system works from ordinary language before the task has clear fields or rules."},"synthesis":{"dominant":"The system acts before the person’s standards, exceptions, and stop points are clear enough to check."},"lenses":[{"title":"Compressed intent","change":"Short prompts flatten standards, exceptions, and trade-offs into a false sense of clarity.","agent":"The system fills gaps with defaults that may not fit this person or situation.","human":"The person still has to find the missing criteria after the system has acted.","risk":"High"},{"title":"Assumed human capability","change":"The system assumes the person can audit, interpret, and finish whatever remains unresolved.","agent":"The system assumes the person has the time, confidence, and knowledge to catch what it missed.","human":"The person carries the difference between formal completion and actual usability.","risk":"Medium"},{"title":"Recovery burden","change":"Whatever the system does not resolve comes back as repair work rather than disappearing.","agent":"The system makes the task look smaller, then leaves the unclear parts for later.","human":"The person absorbs correction, interpretation, and the social cost of mistakes.","risk":"Medium"},{"title":"Escalation boundary","change":"A strong system should know when to stop, ask, or return control.","agent":"The system keeps acting when it should ask a question or hand control back.","human":"The person needs an explicit moment where delegation becomes review again.","risk":"High"},{"title":"Tolerance for contextual loss","change":"Some categories can absorb approximation. Others break when nuance disappears.","agent":"The system assumes a rough fit is safe even when the situation depends on details.","human":"The person carries the fragility when good enough is contextually false.","risk":"Medium"}],"judgement":{"label":"Start with scoped assistance","note":"Use the system to frame, compare, and draft before the person lets it close the loop."}}}</script>
  <script>
    (() => {
      const currentScript = document.currentScript;
      const root = currentScript
        ? currentScript.closest("[data-az-agentic]")
        : document.querySelector("[data-az-agentic]");

      if (!root) {
        return;
      }

      const configNode = root.querySelector("[data-az-agentic-config]");

      if (!configNode) {
        return;
      }

      const config = JSON.parse(configNode.textContent);
      const results = root.querySelector("[data-az-results]");
      const emptyState = root.querySelector("[data-az-empty]");
      const form = root.querySelector("[data-az-form]");
      const textarea = root.querySelector("[data-az-input]");
      const analyseButton = root.querySelector("[data-az-analyse]");
      const resetButton = root.querySelector("[data-az-reset]");
      const status = root.querySelector("[data-az-status]");
      const exampleButtons = Array.from(root.querySelectorAll("[data-az-example]"));
      const slots = {
        scenario: root.querySelector("[data-az-slot='scenario']"),
        summary: root.querySelector("[data-az-slot='summary']"),
        meta: root.querySelector("[data-az-slot='meta']"),
        synthesis: root.querySelector("[data-az-slot='synthesis']"),
        lenses: root.querySelector("[data-az-slot='lenses']"),
        judgementTitle: root.querySelector("[data-az-slot='judgement-title']"),
        judgementNote: root.querySelector("[data-az-slot='judgement-note']"),
        usage: root.querySelector("[data-az-usage]"),
      };

      const clone = (value) => JSON.parse(JSON.stringify(value));

      const escapeHtml = (value) =>
        String(value).replace(/[&<>"']/g, (character) => {
          const entities = {
            "&": "&amp;",
            "<": "&lt;",
            ">": "&gt;",
            '"': "&quot;",
            "'": "&#39;",
          };

          return entities[character] || character;
        });

      const sentenceCase = (value) => value.charAt(0).toUpperCase() + value.slice(1);
      const invalidScenarioMessage = "Use one short scenario only. This tool reads one agentic situation at a time, not multiple examples, comparisons, or instruction prompts.";

      const validateSingleScenarioInput = (scenario) => {
        const text = scenario.trim();

        if (text === "") {
          return {
            valid: false,
            message: "Add one short scenario first.",
          };
        }

        if (Array.from(text).length > 600) {
          return {
            valid: false,
            message: invalidScenarioMessage,
          };
        }

        const nonEmptyLines = text
          .split(/\r\n|\r|\n/)
          .map((line) => line.trim())
          .filter(Boolean);

        if (nonEmptyLines.length > 2) {
          return {
            valid: false,
            message: invalidScenarioMessage,
          };
        }

        const listMarkerCount = nonEmptyLines.filter((line) =>
          /^\s*(?:[-*•]|(?:\d+|[a-z])[\.)])\s+\S/i.test(line)
        ).length;
        const newScenarioLineCount = nonEmptyLines.filter((line) =>
          /^\s*["“]?(?:(?:an?\s+)?ai\s+agent|an?\s+agent)\b/i.test(line)
        ).length;

        if (listMarkerCount > 0 || newScenarioLineCount > 1) {
          return {
            valid: false,
            message: invalidScenarioMessage,
          };
        }

        const invalidPatterns = [
          /\byou are about to receive\b/i,
          /\bfor each(?: one| scenario| of these)?\b/i,
          /\bscenarios\s*:/i,
          /\bscenario\s*(?:\d+|one|two|three)\b/i,
          /\b(?:compare|comparison|rank|score)\s+(?:these|the following|each|all)\b/i,
          /\b(?:analyse|analyze|inspect|evaluate|assess)\s+(?:the following|these|each|all)\b/i,
          /\b(?:your task is|act as|respond with|return json|output\s+(?:a|the)|below are|i will give you|use the following)\b/i,
        ];

        if (invalidPatterns.some((pattern) => pattern.test(text))) {
          return {
            valid: false,
            message: invalidScenarioMessage,
          };
        }

        const scenarioMatches = text.match(/(?:^|[\n\r]|(?:\.\s+)|(?:;\s+))\s*(?:(?:\d+|[a-z])[\.)]\s*)?["“]?(?:(?:an?\s+)?ai\s+agent|an?\s+agent)\b/gi) || [];

        if (scenarioMatches.length > 1) {
          return {
            valid: false,
            message: invalidScenarioMessage,
          };
        }

        return {
          valid: true,
          message: "",
        };
      };

      const buildFallbackAnalysis = (scenario) => {
        const response = clone(config.fallbackAnalysis || {});

        response.scenario = scenario.trim() || config.defaultScenario;

        return response;
      };

      const renderLensCards = (lenses) => {
        slots.lenses.innerHTML = lenses
          .map(
            (lens) => `
              <article class="az-agentic__lens-card">
                <div class="az-agentic__lens-head">
                  <h3 class="az-agentic__lens-title">${escapeHtml(lens.title)}</h3>
                  <span class="az-agentic__risk" data-risk="${escapeHtml(lens.risk)}">${escapeHtml(lens.risk)}</span>
                </div>
                <div class="az-agentic__lens-copy">
                  <div class="az-agentic__lens-block">
                    <p class="az-agentic__lens-label">What changes</p>
                    <p>${escapeHtml(lens.change)}</p>
                  </div>
                  <div class="az-agentic__lens-block">
                    <p class="az-agentic__lens-label">What the system assumes</p>
                    <p>${escapeHtml(lens.agent)}</p>
                  </div>
                  <div class="az-agentic__lens-block">
                    <p class="az-agentic__lens-label">Human recovery</p>
                    <p>${escapeHtml(lens.human)}</p>
                  </div>
                </div>
              </article>
            `
          )
          .join("");
      };

      const renderAnalysis = (analysis) => {
        slots.scenario.textContent = analysis.scenario;
        slots.summary.textContent = analysis.summary.short;
        slots.meta.innerHTML = `<strong>Likely system reading condition:</strong> ${escapeHtml(sentenceCase(analysis.summary.interface_legibility))}. ${escapeHtml(analysis.summary.interface_note)}`;
        slots.synthesis.textContent = analysis.synthesis.dominant;
        slots.judgementTitle.textContent = analysis.judgement.label;
        slots.judgementNote.textContent = analysis.judgement.note;
        renderLensCards(analysis.lenses);
        renderUsageSummary(analysis.usage_summary);
        results.hidden = false;
        emptyState.hidden = true;
      };

      const renderUsageSummary = (usageSummary) => {
        if (!slots.usage) {
          return;
        }

        const items = usageSummary && Array.isArray(usageSummary.items)
          ? usageSummary.items.filter((item) => item && item.label && item.value)
          : [];

        if (items.length === 0) {
          slots.usage.hidden = true;
          slots.usage.innerHTML = "";
          return;
        }

        const title = usageSummary.title || "Gemini usage estimate";
        const model = usageSummary.model ? ` <span>(${escapeHtml(usageSummary.model)})</span>` : "";
        const note = usageSummary.note
          ? `<p class="az-agentic__usage-note">${escapeHtml(usageSummary.note)}</p>`
          : "";

        slots.usage.innerHTML = `
          <p class="az-agentic__usage-title"><strong>${escapeHtml(title)}</strong>${model}</p>
          <ul class="az-agentic__usage-list">
            ${items
              .map((item) => `<li><strong>${escapeHtml(item.label)}:</strong> ${escapeHtml(item.value)}</li>`)
              .join("")}
          </ul>
          ${note}
        `;
        slots.usage.hidden = false;
      };

      const setExamples = (scenario) => {
        exampleButtons.forEach((button) => {
          button.classList.toggle("is-active", button.dataset.azExample === scenario);
        });
      };

      const setWorking = (isWorking) => {
        analyseButton.disabled = isWorking;
        resetButton.disabled = isWorking;
        analyseButton.textContent = isWorking ? "Analysing..." : "Analyse";
        status.textContent = isWorking ? "Reading the scenario through the fixed lenses." : "";
      };

      // Primary source: plugin-owned server endpoint.
      // If that contract is unavailable, fall back to the preloaded response shape
      // so the UI remains readable without changing the presentation layer.
      const fetchScenarioAnalysis = async (scenario) => {
        const endpointUrl = typeof config.endpointUrl === "string" ? config.endpointUrl : "";

        if (endpointUrl === "") {
          return buildFallbackAnalysis(scenario);
        }

        const response = await fetch(endpointUrl, {
          method: "POST",
          headers: {
            "Content-Type": "application/json",
            Accept: "application/json",
          },
          credentials: "same-origin",
          body: JSON.stringify({ scenario }),
        });

        if (!response.ok) {
          if (response.status === 400) {
            let payload = null;

            try {
              payload = await response.json();
            } catch (error) {
              payload = null;
            }

            const validationError = new Error(payload && payload.message ? payload.message : invalidScenarioMessage);
            validationError.isValidationError = true;
            throw validationError;
          }

          throw new Error(`Analysis endpoint returned ${response.status}.`);
        }

        const analysis = await response.json();

        if (!analysis || typeof analysis !== "object") {
          throw new Error("Analysis endpoint returned an invalid payload.");
        }

        return analysis;
      };

      const analyseScenario = async () => {
        const scenario = textarea.value.trim();

        if (scenario === "") {
          results.hidden = true;
          emptyState.hidden = false;
          renderUsageSummary(null);
          status.textContent = "Add one short scenario first.";
          return;
        }

        const validation = validateSingleScenarioInput(scenario);

        if (!validation.valid) {
          results.hidden = true;
          emptyState.hidden = true;
          renderUsageSummary(null);
          status.textContent = validation.message;
          return;
        }

        setWorking(true);
        setExamples(scenario);

        let finalStatus = "";

        try {
          const analysis = await fetchScenarioAnalysis(scenario);
          renderAnalysis(analysis);
        } catch (error) {
          if (error && error.isValidationError) {
            results.hidden = true;
            emptyState.hidden = true;
            renderUsageSummary(null);
            finalStatus = error.message || invalidScenarioMessage;
            return;
          }

          console.warn("Agentic AI analysis fallback in use.", error);
          renderAnalysis(buildFallbackAnalysis(scenario));
          finalStatus = "Analysis endpoint unavailable. Showing fallback reading.";
        } finally {
          setWorking(false);
          status.textContent = finalStatus;
        }
      };

      form.addEventListener("submit", (event) => {
        event.preventDefault();
        analyseScenario();
      });

      resetButton.addEventListener("click", () => {
        textarea.value = "";
        status.textContent = "";
        results.hidden = true;
        emptyState.hidden = false;
        renderUsageSummary(null);
        setExamples("");
        textarea.focus();
      });

      exampleButtons.forEach((button) => {
        button.addEventListener("click", () => {
          const scenario = button.dataset.azExample || "";
          textarea.value = scenario;
          status.textContent = "Example loaded. Analyse to inspect it.";
          setExamples(scenario);
          textarea.focus();
        });
      });

      emptyState.hidden = true;
      textarea.value = config.defaultScenario;
      setExamples(config.defaultScenario);
      analyseScenario();
    })();
  </script>
</article>
</section>

<p>The post <a href="https://alessandrozulberti.com/field-note/agentic-ai-reading-instrument-shortcode/">Agentic AI Reading Instrument</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Scalable ROI Framework Matrix for UX Measurement</title>
		<link>https://alessandrozulberti.com/az-case-study/scalable-roi-framework-matrix-for-ux-measurement/</link>
		
		<dc:creator><![CDATA[Alessandro Zulberti]]></dc:creator>
		<pubDate>Tue, 24 Mar 2026 09:28:37 +0000</pubDate>
				<category><![CDATA[AZ Case Study]]></category>
		<guid isPermaLink="false">http://localhost:8888/?p=1907</guid>

					<description><![CDATA[<p>The post <a href="https://alessandrozulberti.com/az-case-study/scalable-roi-framework-matrix-for-ux-measurement/">Scalable ROI Framework Matrix for UX Measurement</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>    <div class="az-shortcode-render az-shortcode-render--case-study" data-az-shortcode-type="case-study">
        
        <article
            class="az-case-study"
            data-az-component-id="AZ-PAG-PRT-02"
            data-az-template-id="AZ-PAG-PRT-02"
        >
                            <section class="az-case-study__hero">
                    <div class="az-case-study__hero-main">
                                                    <p class="az-case-study__subtitle">Measuring UX Impact at Scale</p>
                        
                                                    <div class="az-case-study__lede">
                                <p>As UX work expanded across multiple journeys and markets, the organisation faced a growing disconnect between behavioural insight and business decision-making.</p>
<p>Teams were improving checkout flows, refining product listings, adjusting navigation, and iterating on templates. Each initiative showed signs of behavioural change, yet there was no shared way to compare their value or prioritise investment across the portfolio.</p>
<p>The problem was not a lack of data. It was the absence of a common financial language for UX impact.</p>
<p>This case study documents how a scalable ROI framework was designed to translate UX behaviour into credible, comparable business signals.</p>
                            </div>
                                            </div>

                                            <aside class="az-case-study__meta" aria-label="Project information">
                            <div class="az-case-study__meta-plane" aria-hidden="true"></div>
                            <dl class="az-case-study__fact-list">
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Project type</dt>
                                        <dd>Measurement framework</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Role</dt>
                                        <dd>Senior UX Researcher</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Scope</dt>
                                        <dd>Cross-journey UX evaluation across multiple markets</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Methods</dt>
                                        <dd>Behavioural analysis, ROI modelling, forecasting, post-launch validation</dd>
                                    </div>
                                                            </dl>
                        </aside>
                                    </section>
            
                    <div class="az-case-study__flow">
                                    <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="challenge">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    01 / CHALLENGE                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="challenge">
                            Challenge                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>UX initiatives were evaluated in isolation.</p>
<p>Checkout changes affected a small proportion of users but carried high intent. Product page listing and navigation changes reached more users but produced subtler behavioural shifts. Template updates varied by market and maturity.</p>
<p>Without a shared framework, UX prioritisation stalled across initiatives and discussions defaulted to subjective judgement rather than evidence.</p>
<p>The core challenge was comparability and credibility, not measurement volume.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="strategy">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    02 / STRATEGY                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="strategy">
                            Strategy                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>The strategy was to design a single, reusable ROI framework that could be applied consistently to any UX change, regardless of journey depth or market size.</p>
<p>The framework needed to:</p>
<p>Core Requirements</p>
<p>– Connect behavioural metrics to business impact</p>
<p>– Normalise performance across different exposure levels</p>
<p>– Support forecasting before launch and accountability after release</p>
<p>– Prevent inflated ROI claims in deep-funnel contexts</p>
<p>– Produce clear, trusted ROI tiers for decision-making</p>
<p>Scalability was a deliberate design goal, not an afterthought.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--dense az-section-tone az-section-tone--default" aria-labelledby="execution-highlights">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    03 / EXECUTION HIGHLIGHTS                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="execution-highlights">
                            Execution Highlights                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>A Consistent Measurement Logic</p>
<p>The framework translates UX behaviour into business impact using a single principle: impact is a function of behavioural change and exposure.</p>
<p>Rather than relying on relative uplift or raw analytics, the model:</p>
<p>– Measures conversion change in percentage points</p>
<p>– Weights impact by the proportion of users actually exposed</p>
<p>– Applies consistent time normalisation across initiatives</p>
<p>– Evaluates performance over multiple post-launch windows</p>
<p>This ensured that improvements were neither overstated nor dismissed.</p>
<p>Time-Based Validation</p>
<p>To avoid premature conclusions:</p>
<p>– Early post-launch windows captured adoption effects</p>
<p>– Later checkpoints confirmed behavioural stabilisation</p>
<p>This approach allowed the team to detect short-term volatility, long-term consistency, and false positives driven by novelty or traffic noise.</p>
<p>Portfolio-Level Visibility</p>
<p>Each UX change was documented in a dedicated update view and rolled into an overview layer showing journey step, relative exposure, direction and stability of impact, ROI tier classification, and confidence notes.</p>
<p>This shifted conversations from “Is this UX change good?” to “Where should we invest next for the strongest return?”</p>
<p>Discipline Through Rejection</p>
<p>Several commonly used ROI approaches were explicitly rejected:</p>
<p>– Relative uplift percentages that exaggerated deep-funnel impact</p>
<p>– Applying changes to total site traffic regardless of exposure</p>
<p>– Blind use of industry benchmarks without contextual adjustment</p>
<p>– Volatile revenue-per-session models</p>
<p>The final framework prioritised realism over persuasion.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="outcome">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    04 / OUTCOME                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="outcome">
                            Outcome                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>The framework was first validated through a checkout optimisation initiative, then adopted as the standard evaluation model for UX changes.</p>
<p>Key outcomes included:</p>
<p>– A shared, auditable ROI language across teams</p>
<p>– Increased trust in UX impact reporting</p>
<p>– Faster, evidence-based prioritisation decisions</p>
<p>– More disciplined allocation of engineering effort</p>
<p>Importantly, the framework was also used to deprioritise initiatives with limited exposure and low strategic leverage. It proved capable of constraining investment, not just justifying it.</p>
<p>UX shifted from a cost discussion to a decision-support function.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--dense az-section-tone az-section-tone--default" aria-labelledby="reflection">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    05 / REFLECTION                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="reflection">
                            Reflection                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>This work changed one foundational assumption: conversion change has no meaning without exposure context.</p>
<p>Before the framework, impact discussions focused on the size of behavioural shifts. Afterwards, they focused on how many users those shifts actually affected.</p>
<p>That shift reframed UX ROI from advocacy to accountability.</p>
<p>The framework does not replace qualitative research, brand thinking, or accessibility judgement. It complements them by providing a clear validation layer where financial decisions require evidence.</p>
<p>In doing so, it raised the maturity of UX conversations not by inflating impact, but by making it comparable, bounded, and trustworthy.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                    
                    </div>
                </article>
    </div>
    </p>
<p>The post <a href="https://alessandrozulberti.com/az-case-study/scalable-roi-framework-matrix-for-ux-measurement/">Scalable ROI Framework Matrix for UX Measurement</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Designing for a Global Health Charity</title>
		<link>https://alessandrozulberti.com/az-case-study/designing-for-a-global-health-charity/</link>
		
		<dc:creator><![CDATA[Alessandro Zulberti]]></dc:creator>
		<pubDate>Tue, 24 Mar 2026 09:28:37 +0000</pubDate>
				<category><![CDATA[AZ Case Study]]></category>
		<guid isPermaLink="false">http://localhost:8888/?p=1906</guid>

					<description><![CDATA[<p>The post <a href="https://alessandrozulberti.com/az-case-study/designing-for-a-global-health-charity/">Designing for a Global Health Charity</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>    <div class="az-shortcode-render az-shortcode-render--case-study" data-az-shortcode-type="case-study">
        
        <article
            class="az-case-study"
            data-az-component-id="AZ-PAG-PRT-02"
            data-az-template-id="AZ-PAG-PRT-02"
        >
                            <section class="az-case-study__hero">
                    <div class="az-case-study__hero-main">
                                                    <p class="az-case-study__subtitle">Building Trust in Evidence-Based Health Guidance</p>
                        
                                                    <div class="az-case-study__lede">
                                <p>Overcoming MS (OMS) is an international charity promoting an evidence-based, seven-step lifestyle programme for people living with multiple sclerosis.</p>
<p>Its ambition was to become a globally recognised digital charity, capable of reaching people with MS wherever they were, while maintaining the personalised support and sense of community that defined the organisation.</p>
<p>The challenge was not simply to publish information online, but to support informed decision-making and sustained behaviour change in a context shaped by uncertainty, fluctuating health, and cognitive and emotional load.</p>
<p>OMS recognised that achieving this required a research-led UX discovery phase to understand how people with MS seek information, manage energy, and engage with support over time.</p>
                            </div>
                                            </div>

                                            <aside class="az-case-study__meta" aria-label="Project information">
                            <div class="az-case-study__meta-plane" aria-hidden="true"></div>
                            <dl class="az-case-study__fact-list">
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Project type</dt>
                                        <dd>Digital platform redesign</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Role</dt>
                                        <dd>UX Designer</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Scope</dt>
                                        <dd>Drupal platform, content system, donation journeys, and mobile experience</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Methods</dt>
                                        <dd>Diary study, focus groups, stakeholder interviews, IA design, content templates</dd>
                                    </div>
                                                            </dl>
                        </aside>
                                    </section>
            
                    <div class="az-case-study__flow">
                                    <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="challenge">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    01 / CHALLENGE                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="challenge">
                            Challenge                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>The existing website struggled to support OMS’s mission at scale.</p>
<p>Key issues included fragmented content structures, a lack of a cohesive design system, low conversion through digital donations, and high dependency on administrators for content updates.</p>
<p>More fundamentally, the platform did not sufficiently reflect the real-life constraints of people living with MS, including fatigue, variable attention, and the need to revisit information over time.</p>
<p>The core challenge was to design a platform that balanced clarity, credibility, and compassion, while supporting both educational goals and organisational sustainability.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                                                            <div class="az-case-study__media-grid">
                                        <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2025/02/Donate-step-4-847x1024.jpg"
                        alt="OMS donation step interface"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Donation-flow redesign focused on clarity, reassurance, and reduced friction.</span>
                    </figcaption>
                    </figure>
                                                    <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2022/12/OMS-USER-DETAILS-v1-776x1024.jpg"
                        alt="OMS user profile layout"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">User profile concepts supporting saved content, continuity, and return visits over time.</span>
                    </figcaption>
                    </figure>
                                </div>
                <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="discovery-phase">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    04 / DISCOVERY PHASE                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="discovery-phase">
                            Discovery Phase                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>To move beyond assumptions, the discovery phase centred on a diary study, allowing participants to document aspects of their daily lives over several days.</p>
<p>This method surfaced:</p>
<p>– Fluctuating energy levels and attention across the day</p>
<p>– Non-linear information needs, with frequent revisiting of the same content</p>
<p>– Emotional sensitivity around health-related decisions</p>
<p>– Reliance on mobile devices for short, fragmented sessions</p>
<p>The diary study provided insight into how and when people engaged with information, not just what they sought.</p>
<p>Supporting methods included internal interviews with OMS staff, reviews of OMS materials, and focus groups validating early findings and testing assumptions about key tasks.</p>
<p>Focus group feedback highlighted friction in sign-up and account creation, “My account” areas and saved content, and understanding how to progress through OMS resources over time.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="strategy">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    05 / STRATEGY                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="strategy">
                            Strategy                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>The UX strategy focused on reducing cognitive load while increasing trust and continuity.</p>
<p>Structuring for Clarity and Return Visits</p>
<p>Information architecture was redesigned to group content into predictable, clearly labelled templates, support scanning and short sessions without losing context, and allow users to save and return to content over time.</p>
<p>User profiles enabled favourites and personalised access, reflecting the need to engage gradually rather than all at once.</p>
<p>Designing for Mobile-First Reality</p>
<p>Given diary-study insights, mobile experience became a priority. Optimisation work contributed to a reported 30% increase in mobile traffic, reflecting improved accessibility and usability rather than acquisition-driven growth.</p>
<p>Supporting Behaviour Over Time</p>
<p>Rather than relying on one-off interactions, the platform introduced lifecycle emails triggered at meaningful moments in the user journey. These were designed to reinforce motivation, encourage return visits, and support sustained engagement without pressure.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                                                                            <div class="az-case-study__media-grid">
                                        <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2025/02/img-copy-30A-285x1024.jpg"
                        alt="OMS lifecycle email example one"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Lifecycle messaging designed to support motivation and return visits without pressure.</span>
                    </figcaption>
                    </figure>
                                                    <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2025/02/img-copy-30-285x1024.jpg"
                        alt="OMS lifecycle email example two"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Email touchpoints aligned with gradual engagement and long-term behaviour change.</span>
                    </figcaption>
                    </figure>
                                                    <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2025/02/img-copy-30B-285x1024.jpg"
                        alt="OMS lifecycle email example three"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">A sequence of supportive communications shaped around real user timing and context.</span>
                    </figcaption>
                    </figure>
                                </div>
                <section class="az-case-study__section az-case-study__section--dense az-section-tone az-section-tone--default" aria-labelledby="design-system-and-content-enablement">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    09 / DESIGN SYSTEM AND CONTENT ENABLEMENT                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="design-system-and-content-enablement">
                            Design System and Content Enablement                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>A core constraint was OMS’s need to update and manage content independently.</p>
<p>To address this, I:</p>
<p>– Created a simplified design system to ensure visual and structural consistency</p>
<p>– Designed modular content templates for articles, recipes, exercises, meditations, podcasts, FAQs, and events</p>
<p>– Implemented Paragraphs and CK Editor to allow editors to create and update pages without developer intervention</p>
<p>This reduced reliance on technical support and enabled faster iteration while preserving quality.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="donations-and-trust-signals">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    10 / DONATIONS AND TRUST SIGNALS                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="donations-and-trust-signals">
                            Donations and Trust Signals                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>Donation flows were redesigned to reduce friction and increase clarity.</p>
<p>Key improvements included:</p>
<p>– Clear, visible donation entry points</p>
<p>– Support for recurring donations</p>
<p>– Options to dedicate donations in honour or memory</p>
<p>– Clear explanations of how funds are used</p>
<p>– Use of testimonials and third-party endorsements to reinforce credibility</p>
<p>These changes aligned fundraising with OMS’s educational mission, avoiding pressure while supporting sustainability.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                                                            <div class="az-case-study__media-grid">
                                        <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2022/12/img-copy-23-476x1024.jpg"
                        alt="OMS mission page layout"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Trust-building content and organisational context designed to reinforce credibility.</span>
                    </figcaption>
                    </figure>
                                                    <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2022/12/img-copy-26-415x1024.jpg"
                        alt="OMS homepage layout"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Homepage structure designed for clarity, orientation, and sustained engagement.</span>
                    </figcaption>
                    </figure>
                                </div>
                <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="outcome">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    13 / OUTCOME                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="outcome">
                            Outcome                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>The redesigned platform strengthened OMS’s ability to deliver on its mission digitally.</p>
<p>User Impact</p>
<p>– Clearer access to information and resources</p>
<p>– Improved mobile usability for fragmented sessions</p>
<p>– Better support for revisiting and saving content</p>
<p>Organisational Impact</p>
<p>– Greater editorial autonomy for OMS staff</p>
<p>– More consistent experience through design system adoption</p>
<p>– Improved alignment between content, community, and fundraising goals</p>
<p>The platform evolved from an information repository into a supportive digital environment shaped around real user behaviour.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--dense az-section-tone az-section-tone--default" aria-labelledby="reflection">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    14 / REFLECTION                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="reflection">
                            Reflection                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>This project reinforced that designing for health-related contexts requires more than clarity and aesthetics.</p>
<p>Effective UX in this space means respecting fluctuating capacity, designing for return rather than completion, and supporting trust without persuasion.</p>
<p>By grounding decisions in lived experience through diary studies, the platform shifted from telling users what to do to supporting them as they navigate complex, personal decisions over time.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                    
                    </div>
                </article>
    </div>
    </p>
<p>The post <a href="https://alessandrozulberti.com/az-case-study/designing-for-a-global-health-charity/">Designing for a Global Health Charity</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Designing a Professional Self-Service Platform</title>
		<link>https://alessandrozulberti.com/az-case-study/designing-a-professional-self-service-platform/</link>
		
		<dc:creator><![CDATA[Alessandro Zulberti]]></dc:creator>
		<pubDate>Tue, 24 Mar 2026 09:28:37 +0000</pubDate>
				<category><![CDATA[AZ Case Study]]></category>
		<guid isPermaLink="false">http://localhost:8888/?p=1905</guid>

					<description><![CDATA[<p>The post <a href="https://alessandrozulberti.com/az-case-study/designing-a-professional-self-service-platform/">Designing a Professional Self-Service Platform</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>    <div class="az-shortcode-render az-shortcode-render--case-study" data-az-shortcode-type="case-study">
        
        <article
            class="az-case-study"
            data-az-component-id="AZ-PAG-PRT-02"
            data-az-template-id="AZ-PAG-PRT-02"
        >
                            <section class="az-case-study__hero">
                    <div class="az-case-study__hero-main">
                                                    <p class="az-case-study__subtitle">Reducing Support Dependency Through Design</p>
                        
                                                    <div class="az-case-study__lede">
                                <p>Talawa Theatre Company launched Talawa Make to address a long-standing structural gap in British theatre: the lack of sustained, professional support and visibility for Black British artists across career stages.</p>
<p>Talawa Make was conceived not as a single programme, but as a four-stage development ecosystem delivered through workshops, commissions, readings, and mentoring.</p>
<p>The challenge was to translate this ambition into a digital platform that could support connection, opportunity discovery, and professional credibility at scale, without reproducing the exclusionary dynamics common in creative networks.</p>
<p>As UX Designer, I led the design and implementation of the Talawa Make online community, shaping it as professional infrastructure, not a social network.</p>
                            </div>
                                            </div>

                                            <aside class="az-case-study__meta" aria-label="Project information">
                            <div class="az-case-study__meta-plane" aria-hidden="true"></div>
                            <dl class="az-case-study__fact-list">
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Project type</dt>
                                        <dd>Community platform design</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Role</dt>
                                        <dd>UX Designer</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Scope</dt>
                                        <dd>Drupal / Open Social platform, taxonomy, permissions, and interaction design</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Methods</dt>
                                        <dd>User research, persona definition, IA, prototyping, beta validation</dd>
                                    </div>
                                                            </dl>
                        </aside>
                                    </section>
            
                    <div class="az-case-study__flow">
                                    <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="challenge">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    01 / CHALLENGE                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="challenge">
                            Challenge                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>The challenge was not technical delivery, but participation design.</p>
<p>Talawa needed a platform that enabled artists to be visible and discoverable without self-promotion fatigue, supported meaningful interaction without being dominated by a small minority of users, reflected professional theatre norms, and balanced openness with moderation, safeguarding, and governance.</p>
<p>Research and stakeholder discussions made one risk explicit: participation inequality would undermine the platform’s purpose.</p>
<p>The problem to solve was therefore clear: how do you design a professional community where contribution feels safe, lightweight, and worthwhile, especially for early-career artists?</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="strategy">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    02 / STRATEGY                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="strategy">
                            Strategy                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>The UX strategy focused on lowering the cost of participation while preserving professional standards.</p>
<p>Designing for Participation, Not Posting</p>
<p>Rather than encouraging users to create content, the platform was designed so that participation emerged as a side effect of other actions such as applying, attending, bookmarking, editing, tagging, or responding.</p>
<p>Profiles, events, and opportunities did most of the expressive work. This approach was directly informed by research on online community dynamics and aimed to prevent early drop-off or silent disengagement.</p>
<p>Audience-Aware Access and Permissions</p>
<p>Registration defined three distinct user types:</p>
<p>– Artists</p>
<p>– Industry</p>
<p>– Casual visitors</p>
<p>This distinction ensured that artists retained control over visibility and contact, industry participation supported opportunity flow without dominance, and unregistered users could explore value before committing.</p>
<p>Taxonomy Before Interface</p>
<p>A significant portion of the work focused on taxonomy and data structure, not screens.</p>
<p>Skills, disciplines, interests, career stages, and motivations were defined early, enabling meaningful filtering and discovery, region-aware mapping, and personalised surfacing of opportunities and events.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                                                            <div class="az-case-study__media-grid">
                                        <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2025/03/talawa-desktop-artist-edit-details-v1-838x1024.jpg"
                        alt="Talawa artist profile editing interface"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Profile editing designed to support professional visibility without self-promotion fatigue.</span>
                    </figcaption>
                    </figure>
                                                    <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2025/03/talawa-desktop-content-create-v1-579x1024.jpg"
                        alt="Talawa content creation interface"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Participation flows designed to reduce friction and make contribution feel lightweight and worthwhile.</span>
                    </figcaption>
                    </figure>
                                </div>
                <section class="az-case-study__section az-case-study__section--dense az-section-tone az-section-tone--default" aria-labelledby="prototyping-and-validation">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    05 / PROTOTYPING AND VALIDATION                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="prototyping-and-validation">
                            Prototyping and Validation                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>Prototyping was used deliberately at three stages.</p>
<p>Exploratory Prototypes</p>
<p>Static visual prototypes tested layout, hierarchy, tone, and brand application. These helped align stakeholders on what professional but welcoming looked like before development began.</p>
<p>Evaluative Prototypes</p>
<p>Key journeys including registration, profile creation, messaging, and content posting were tested on the development environment with representative users across artists, industry contacts, and platform administrators.</p>
<p>This surfaced friction around account setup, messaging expectations, and content visibility.</p>
<p>Beta Validation</p>
<p>A controlled beta with approximately 100 users allowed real-world observation of contribution patterns, navigation behaviour, moderation load, and profile completeness.</p>
<p>This phase was essential for refining interaction rules and reducing unintended friction before wider rollout.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                                                            <div class="az-case-study__media-grid">
                                        <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2022/12/talawa-1-923x1024.jpg"
                        alt="Talawa artist profile page"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Profile experiences designed to communicate credibility, clarity, and professional identity.</span>
                    </figcaption>
                    </figure>
                                                    <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2022/12/talawa-2-716x1024.jpg"
                        alt="Talawa industry profile setup"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Audience-aware setup flows helped balance access, safety, and opportunity discovery.</span>
                    </figcaption>
                    </figure>
                                </div>
                <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="implementation">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    08 / IMPLEMENTATION                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="implementation">
                            Implementation                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>The platform was built on Drupal, selected for its flexibility in permissions, content types, and moderation workflows.</p>
<p>To support parallel development, I recommended a structured deployment pipeline using Jenkins and GitHub, allowing:</p>
<p>– Features to be tested in isolation</p>
<p>– UX sign-off before release</p>
<p>– Reduced regression during iteration</p>
<p>This was particularly important given offshore development teams and a phased launch plan.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                                                            <div class="az-case-study__media-grid">
                                        <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2022/12/talawa-3-653x1024.jpg"
                        alt="Talawa map and discovery interface"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Taxonomy and structured data enabled filtering, regional discovery, and opportunity visibility.</span>
                    </figcaption>
                    </figure>
                                                    <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2022/12/talawa-desktop-landing-page-v2-whats-on-646x1024.jpg"
                        alt="Talawa homepage interface"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Homepage design positioned the platform as professional infrastructure rather than a generic social feed.</span>
                    </figcaption>
                    </figure>
                                </div>
                <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="outcome">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    11 / OUTCOME                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="outcome">
                            Outcome                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>Talawa Make Online launched as a professional infrastructure, not a social experiment.</p>
<p>The platform:</p>
<p>– Enabled artists to present themselves credibly and consistently</p>
<p>– Supported discovery of opportunities, events, and peers across regions</p>
<p>– Reduced reliance on informal networks and insider knowledge</p>
<p>– Gave Talawa visibility into engagement patterns without compromising trust</p>
<p>By prioritising structure, permissions, and taxonomy, the platform avoided common failure modes of creative communities: noise, inequality, and disengagement.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--dense az-section-tone az-section-tone--default" aria-labelledby="reflection">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    12 / REFLECTION                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="reflection">
                            Reflection                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>This project reinforced a core UX lesson: community platforms do not fail because of missing features. They fail because participation feels risky, performative, or unrewarded.</p>
<p>Designing Talawa Make required treating UX not as interface optimisation, but as social infrastructure design, where clarity, boundaries, and governance matter as much as interaction.</p>
<p>The success of the platform lay not in how much content users created, but in how confidently they chose to participate.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                    
                    </div>
                </article>
    </div>
    </p>
<p>The post <a href="https://alessandrozulberti.com/az-case-study/designing-a-professional-self-service-platform/">Designing a Professional Self-Service Platform</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Creating a Seamless Omnichannel Service</title>
		<link>https://alessandrozulberti.com/az-case-study/creating-a-seamless-omnichannel-service/</link>
		
		<dc:creator><![CDATA[Alessandro Zulberti]]></dc:creator>
		<pubDate>Tue, 24 Mar 2026 09:28:37 +0000</pubDate>
				<category><![CDATA[AZ Case Study]]></category>
		<guid isPermaLink="false">http://localhost:8888/?p=1904</guid>

					<description><![CDATA[<p>The post <a href="https://alessandrozulberti.com/az-case-study/creating-a-seamless-omnichannel-service/">Creating a Seamless Omnichannel Service</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>    <div class="az-shortcode-render az-shortcode-render--case-study" data-az-shortcode-type="case-study">
        
        <article
            class="az-case-study"
            data-az-component-id="AZ-PAG-PRT-02"
            data-az-template-id="AZ-PAG-PRT-02"
        >
                            <section class="az-case-study__hero">
                    <div class="az-case-study__hero-main">
                                                    <p class="az-case-study__subtitle">Reducing Fragmentation Between Channels</p>
                        
                                                    <div class="az-case-study__lede">
                                <p>Excess Baggage operated luggage storage, insurance, retail, and travel accessory services across 15 international airports and 18 rail stations.</p>
<p>As customer numbers and spend increased, the organisation committed to digitising its services to support a more coherent omnichannel experience.</p>
<p>The challenge was not introducing digital touchpoints, but ensuring that online services reduced friction in high-pressure, time-critical airport contexts while integrating cleanly with physical locations and operational systems.</p>
                            </div>
                                            </div>

                                            <aside class="az-case-study__meta" aria-label="Project information">
                            <div class="az-case-study__meta-plane" aria-hidden="true"></div>
                            <dl class="az-case-study__fact-list">
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Project type</dt>
                                        <dd>Omnichannel service design</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Role</dt>
                                        <dd>UX Designer</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Scope</dt>
                                        <dd>Booking flows, service blueprints, airport kiosks, and operational dashboards</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Methods</dt>
                                        <dd>Journey optimisation, service blueprinting, interviews, empathy mapping, dashboard design</dd>
                                    </div>
                                                            </dl>
                        </aside>
                                    </section>
            
                    <div class="az-case-study__flow">
                                    <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="challenge">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    01 / CHALLENGE                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="challenge">
                            Challenge                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>Several services relied on fragmented booking and operational flows. The online booking process for left luggage and storage, in particular, required unnecessary steps and fields, increasing interaction cost at moments when travellers were already under stress.</p>
<p>In parallel, new services such as remote baggage check-in, confiscated item return, and excess baggage handling introduced additional complexity across channels.</p>
<p>The core challenge was to reduce interaction cost for customers while maintaining operational clarity for staff across locations.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                                                            <div class="az-case-study__media-grid">
                                        <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2022/12/store-1.jpg"
                        alt="Excess Baggage store in Dubai"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Physical service environments shaped the constraints and expectations behind the digital journeys.</span>
                    </figcaption>
                    </figure>
                                                    <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2022/12/store-2.jpg"
                        alt="Excess Baggage store in Gatwick"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Omnichannel design had to work across physical locations, operational processes, and digital touchpoints.</span>
                    </figcaption>
                    </figure>
                                </div>
                <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="approach">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    04 / APPROACH                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="approach">
                            Approach                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>Optimising the Booking Journey</p>
<p>The left luggage and storage booking flow was streamlined to reduce unnecessary steps and form fields, with a clear focus on speed, clarity, and predictability.</p>
<p>Key improvements included:</p>
<p>– Clearer progression through booking steps</p>
<p>– Reduced cognitive load during data entry</p>
<p>– Early visibility of pricing and storage duration</p>
<p>– Support for post-booking actions such as charge tracking and retrieval reminders</p>
<p>The goal was not only to improve usability, but to lower interaction cost at scale across multiple locations.</p>
<p>Service Blueprinting for Omnichannel Alignment</p>
<p>To support consistency across digital and physical touchpoints, I created service blueprints mapping frontstage user interactions, backstage staff actions, and supporting systems and dependencies.</p>
<p>In a security-constrained, time-critical environment like airports, service blueprints were essential to align customer-facing flows with staffing, logistics, and physical space constraints that could not be resolved at interface level alone.</p>
<p>This work exposed misalignments between customer expectations and operational reality, helping teams coordinate changes across departments rather than solving issues in isolation.</p>
<p>Solutions were typically piloted in a limited number of locations, validated against real operational constraints, and only then scaled across airports and stations.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--dense az-section-tone az-section-tone--default" aria-labelledby="luggage-weight-check">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    05 / LUGGAGE WEIGHT CHECK                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="luggage-weight-check">
                            Luggage Weight Check                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>Problem to Solve</p>
<p>Passengers often face stress and inconvenience at the airport due to uncertainty about luggage weight, leading to unexpected fees and delays.</p>
<p>Benefit</p>
<p>– Save time and avoid unexpected fees</p>
<p>– Enhance the user experience through an intuitive, multilingual interface</p>
<p>– Offer a cost-effective service model for airports and airlines</p>
<p>Feature Set</p>
<p>– Precise weight measurement</p>
<p>– Multilingual support in 15+ languages</p>
<p>– Flexible payment options including NFC and coin payments</p>
<p>– Cross-selling opportunities for additional airport services</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                                                                            <div class="az-case-study__media-grid">
                                        <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2024/09/image-balance-3-1024x576.jpg"
                        alt="Luggage weight check interface one"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Concept interface for a fast, self-service luggage weight check experience.</span>
                    </figcaption>
                    </figure>
                                                    <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2024/09/image-balance-2-1024x576.jpg"
                        alt="Luggage weight check interface two"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Multilingual, time-efficient interactions designed for airport decision-making under pressure.</span>
                    </figcaption>
                    </figure>
                                                    <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2024/09/image-balance-1-1024x576.jpg"
                        alt="Luggage weight check interface three"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Service concepts balanced speed, reassurance, and operational practicality.</span>
                    </figcaption>
                    </figure>
                                </div>
                <section class="az-case-study__section az-case-study__section--dense az-section-tone az-section-tone--default" aria-labelledby="post-fly-service">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    09 / POST &amp; FLY SERVICE                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="post-fly-service">
                            Post &amp; Fly Service                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>Problem to Solve</p>
<p>Travellers rushing through airport security with prohibited or restricted items faced a difficult choice: dispose of the items or find a quick, reliable solution.</p>
<p>Desired Outcome</p>
<p>Post &amp; Fly was designed to offer a seamless retrieval service through:</p>
<p>– A streamlined online portal</p>
<p>– Timely collection and processing by staff</p>
<p>– A transparent 30-day retrieval timeframe</p>
<p>UX Methods</p>
<p>– Empathy mapping</p>
<p>– User interviews</p>
<p>– Mental-model analysis</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                                                            <div class="az-case-study__media-grid">
                                        <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2024/09/image-pf-1-1024x576.jpg"
                        alt="Post and Fly service interface one"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Service concepts focused on reducing stress after confiscation and restoring a sense of control.</span>
                    </figcaption>
                    </figure>
                                                    <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2024/09/image-pf-2-1024x576.jpg"
                        alt="Post and Fly service interface two"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Digital touchpoints designed to support retrieval tracking, options, and reassurance.</span>
                    </figcaption>
                    </figure>
                                </div>
                <section class="az-case-study__section az-case-study__section--dense az-section-tone az-section-tone--default" aria-labelledby="operational-dashboards">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    12 / OPERATIONAL DASHBOARDS                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="operational-dashboards">
                            Operational Dashboards                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>Problem to Solve</p>
<p>In a fast-paced airport environment, fragmented dashboard experiences can lead to confusion, frustration, and decreased efficiency for both employees and customers.</p>
<p>Desired Outcome</p>
<p>– Unify the user experience across services</p>
<p>– Enhance employee productivity through clearer workflows</p>
<p>– Optimise for a fast-paced, time-sensitive environment</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                                                    
                    <div class="az-case-study__media-grid">
                                        <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2024/09/dasb-1.jpg"
                        alt="Operational dashboard screen one"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Dashboard concepts unified service visibility for operational teams.</span>
                    </figcaption>
                    </figure>
                                                    <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2024/09/dasb-2.jpg"
                        alt="Operational dashboard screen two"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Internal tools were designed for clarity, speed, and decision-making under operational pressure.</span>
                    </figcaption>
                    </figure>
                                                    <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2024/09/dasb-3.jpg"
                        alt="Operational dashboard screen three"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">A more consistent internal system reduced fragmentation across services and locations.</span>
                    </figcaption>
                    </figure>
                                </div>
                </div>
                </article>
    </div>
    </p>
<p>The post <a href="https://alessandrozulberti.com/az-case-study/creating-a-seamless-omnichannel-service/">Creating a Seamless Omnichannel Service</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Accessibility as a Strategic Foundation in the D2C Ecosystem</title>
		<link>https://alessandrozulberti.com/az-case-study/accessibility-as-a-strategic-foundation-in-the-d2c-ecosystem/</link>
		
		<dc:creator><![CDATA[Alessandro Zulberti]]></dc:creator>
		<pubDate>Tue, 24 Mar 2026 09:28:37 +0000</pubDate>
				<category><![CDATA[AZ Case Study]]></category>
		<guid isPermaLink="false">http://localhost:8888/?p=1900</guid>

					<description><![CDATA[<p>The post <a href="https://alessandrozulberti.com/az-case-study/accessibility-as-a-strategic-foundation-in-the-d2c-ecosystem/">Accessibility as a Strategic Foundation in the D2C Ecosystem</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>    <div class="az-shortcode-render az-shortcode-render--case-study" data-az-shortcode-type="case-study">
        
        <article
            class="az-case-study"
            data-az-component-id="AZ-PAG-PRT-02"
            data-az-template-id="AZ-PAG-PRT-02"
        >
                            <section class="az-case-study__hero">
                    <div class="az-case-study__hero-main">
                                                    <p class="az-case-study__subtitle">From Compliance Checks to Organisational Practice</p>
                        
                                                    <div class="az-case-study__lede">
                                <p>The Company was evolving rapidly: new eCommerce platforms, a shift to composable architecture, a global design system rollout, and increasing regulatory pressure across markets.</p>
<p>Yet accessibility quality remained inconsistent. Issues accumulated across templates, UI components, and content practices, creating friction not only for users with accessibility needs but for anyone navigating the site under real-world constraints.</p>
<p>Teams were committed to delivering high-quality experiences, but with competing priorities and fragmented ownership, accessibility was often treated as a corrective task: reviewed late, fixed locally, and rarely scaled.</p>
<p>As Senior UX Researcher and accessibility lead, I established a structured, organisation-wide approach that positioned accessibility as a driver of product quality, risk reduction, and user trust rather than a compliance checkbox.</p>
                            </div>
                                            </div>

                                            <aside class="az-case-study__meta" aria-label="Project information">
                            <div class="az-case-study__meta-plane" aria-hidden="true"></div>
                            <dl class="az-case-study__fact-list">
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Project type</dt>
                                        <dd>Accessibility strategy</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Role</dt>
                                        <dd>Senior UX Researcher and accessibility lead</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Scope</dt>
                                        <dd>Global ecommerce platforms, templates, components, and content practices</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Methods</dt>
                                        <dd>WCAG audits, screen reader testing, design-system governance, training, dashboards</dd>
                                    </div>
                                                            </dl>
                        </aside>
                                    </section>
            
                    <div class="az-case-study__flow">
                                    <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="challenge">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    01 / CHALLENGE                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="challenge">
                            Challenge                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>The accessibility challenge was structural, not symptomatic.</p>
<p>Legacy SAP Commerce Cloud pages coexisted with new headless components, creating inconsistent patterns and uneven accessibility quality. The design system lacked WCAG-aligned guidance and governance, and responsibility for accessibility was unclear across design, development, content, and QA.</p>
<p>Teams shipped quickly. Reviews happened late, accessibility debt accumulated, and fixes became increasingly costly.</p>
<p>The core challenge was not identifying accessibility issues, but building the structures, processes, and shared understanding required to prevent them.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="strategy">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    02 / STRATEGY                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="strategy">
                            Strategy                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>The accessibility program was built on four parallel pillars designed to embed accessibility into everyday decisions rather than post-release correction.</p>
<p>Accessibility Governance and Foundations</p>
<p>I authored and introduced an accessibility roadmap aligned with WCAG 2.2 AA and tailored to the Company’s platforms and component libraries. It defined responsibility boundaries, acceptance criteria, mandatory checkpoints, and escalation paths.</p>
<p>Embedding Accessibility in the Design System</p>
<p>Working with design and engineering leads, I integrated accessibility requirements directly into component specifications, including semantic structure, contrast constraints, keyboard behaviour, error handling, and inclusive copy guidance.</p>
<p>Continuous Audits and Behavioural Validation</p>
<p>I established an audit program combining automated scanning, manual WCAG reviews, and user-centred observation using screen reader workflows.</p>
<p>Cross-Functional Enablement</p>
<p>I supported teams with training and lightweight tooling, including accessibility office hours, pattern libraries with dos and don’ts, sprint-level checklists, and pre-release smoke tests.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--dense az-section-tone az-section-tone--default" aria-labelledby="execution-highlights">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    03 / EXECUTION HIGHLIGHTS                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="execution-highlights">
                            Execution Highlights                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>Transforming the Checkout Experience</p>
<p>Checkout was prioritised due to its complexity and revenue sensitivity. I supported the redesign by mapping the screen reader journey, standardising form structures, aligning validation logic, and ensuring dynamic steps were announced and focus-managed.</p>
<p>The most confusing interaction before standardisation was the transition between checkout steps. Users, especially those using screen readers, received no announcement of context change and often did not realise the page had advanced. Resolving this significantly reduced ambiguity and cognitive load for all users.</p>
<p>Component-Level Accessibility Fixes</p>
<p>Several components required systemic intervention, including accordions, tabs, filters, product carousels, and heading structures.</p>
<p>Addressing these issues at the design-system level ensured fixes scaled consistently across global markets rather than being reintroduced through local variations.</p>
<p>Accessibility Monitoring and Dashboards</p>
<p>To support prioritisation, I introduced a structured approach to tracking automated scan trends, issue recurrence, component regressions, and accessibility debt over time.</p>
<p>Recurring regressions in design-system components proved most effective in shifting stakeholder prioritisation. They demonstrated that the cost of inaction multiplied across markets and releases, prompting leadership to prioritise systemic fixes over page-level patches.</p>
<p>Redefining Content Practices</p>
<p>Accessibility extended beyond UI components. I worked with content and marketing teams to evolve alt-text practices, heading usage, link naming, and inclusive copywriting standards.</p>
<p>These changes improved clarity for assistive technologies and reduced cognitive load more broadly, reinforcing that structural clarity, not content reduction, was the primary driver of improved readability.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="outcome">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    04 / OUTCOME                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="outcome">
                            Outcome                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>The accessibility program reshaped how the organisation approached digital quality.</p>
<p>Strategic Impact</p>
<p>Accessibility became part of the standard definition of done. Platform migrations launched with stronger foundations, fewer regressions, and a reduced backlog of accessibility debt.</p>
<p>User Impact</p>
<p>Screen reader journeys became more predictable. Form-heavy flows such as checkout, account creation, and repairs showed reduced friction and clearer progression.</p>
<p>Organisational Impact</p>
<p>Design system teams adopted accessibility-first component governance. Development teams integrated checks into CI/CD workflows. Content and marketing teams embedded inclusive writing practices as standard.</p>
<p>The clearest signal of change was the integration of accessibility criteria directly into the design system’s component acceptance process: no new component or update could ship without meeting accessibility requirements.</p>
<p>Accessibility moved from specialist review to shared expectation.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--dense az-section-tone az-section-tone--default" aria-labelledby="reflection">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    05 / REFLECTION                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="reflection">
                            Reflection                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>Accessibility is not a sprint deliverable. It is an organisational capability.</p>
<p>This work demonstrated that sustainable improvement depends on shared ownership, clear standards, early intervention, continuous validation, and a unified source of truth.</p>
<p>It also reinforced a core NN/g principle: accessible design improves usability for everyone.</p>
<p>The foundation established here supports every future platform, every market rollout, and every digital experience the Company will launch.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                    
                    </div>
                </article>
    </div>
    </p>
<p>The post <a href="https://alessandrozulberti.com/az-case-study/accessibility-as-a-strategic-foundation-in-the-d2c-ecosystem/">Accessibility as a Strategic Foundation in the D2C Ecosystem</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Scaling Research for Strategic Decisions</title>
		<link>https://alessandrozulberti.com/az-case-study/scaling-research-for-strategic-decisions/</link>
		
		<dc:creator><![CDATA[Alessandro Zulberti]]></dc:creator>
		<pubDate>Tue, 24 Mar 2026 09:28:37 +0000</pubDate>
				<category><![CDATA[AZ Case Study]]></category>
		<guid isPermaLink="false">http://localhost:8888/?p=1899</guid>

					<description><![CDATA[<p>The post <a href="https://alessandrozulberti.com/az-case-study/scaling-research-for-strategic-decisions/">Scaling Research for Strategic Decisions</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>    <div class="az-shortcode-render az-shortcode-render--case-study" data-az-shortcode-type="case-study">
        
        <article
            class="az-case-study"
            data-az-component-id="AZ-PAG-PRT-02"
            data-az-template-id="AZ-PAG-PRT-02"
        >
                            <section class="az-case-study__hero">
                    <div class="az-case-study__hero-main">
                                                    <p class="az-case-study__subtitle">Embedding Research into Strategic Planning</p>
                        
                                                    <div class="az-case-study__lede">
                                <p>The Company is best known for its iconic Swiss Army Knife, but its digital ecosystem had grown into something far more complex: multiple eCommerce platforms, service portals, and brand-led websites operating across markets and systems.</p>
<p>As the ecosystem expanded, delivery speed increased faster than shared clarity. Platform and feature decisions were increasingly driven by internal opinion, legacy assumptions, and isolated performance metrics. The risk was not slow delivery, but accelerated launches without validating user impact or accessibility implications.</p>
<p>As a Senior UX Researcher, I worked across product, marketing, engineering, and service to raise UX maturity, integrate research into decision-making, and restore a shared definition of success across platforms.</p>
                            </div>
                                            </div>

                                            <aside class="az-case-study__meta" aria-label="Project information">
                            <div class="az-case-study__meta-plane" aria-hidden="true"></div>
                            <dl class="az-case-study__fact-list">
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Project type</dt>
                                        <dd>Research strategy</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Role</dt>
                                        <dd>Senior UX Researcher</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Scope</dt>
                                        <dd>Multiple ecommerce, service, and brand platforms</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Methods</dt>
                                        <dd>Usability testing, analytics, service blueprinting, accessibility review</dd>
                                    </div>
                                                            </dl>
                        </aside>
                                    </section>
            
                    <div class="az-case-study__flow">
                                    <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="challenge">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    01 / CHALLENGE                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="challenge">
                            Challenge                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>The Company was undergoing a major transformation: a move from a monolithic commerce platform to a composable, headless architecture; the launch of new digital platforms; and an ambition to increase eCommerce performance globally.</p>
<p>At the same time, accessibility requirements were rising, internal ownership was fragmenting, and teams were under pressure to deliver quickly.</p>
<p>The core challenge was not change itself, but how to make high-impact decisions during change without relying on assumptions, internal opinion, or partial metrics.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                                            <div class="az-case-study__media-grid">
                                        <figure class="az-case-study__video">
                <div class="az-case-study__media az-case-study__media--video">
                                            <iframe title="Victorinox Brand Movie | Being Prepared Makes Life Better" width="960" height="540" src="https://www.youtube.com/embed/FV4H5PaaxNc?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>                                    </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Video</span>
                                        <span class="az-case-study__caption-text">Brand film used as contextual reference for the ecosystem and positioning.</span>
                    </figcaption>
                    </figure>
                                </div>
                <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="strategy">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    03 / STRATEGY                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="strategy">
                            Strategy                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>I led a research-led transformation focused on turning fragmented signals into shared evidence, structured around four pillars.</p>
<p>Continuous Discovery</p>
<p>I embedded mixed-method research across web properties to surface behavioural friction early and create a steady flow of decision-ready insight.</p>
<p>Across platforms and over time, one pattern remained consistent: persistent friction around navigation clarity and content hierarchy. Users repeatedly struggled to understand where they were in the journey and how to progress, particularly in product exploration and service flows.</p>
<p>These observations reinforced that the issue was not visual design, but semantic precision and hierarchy.</p>
<p>Cross-functional Enablement</p>
<p>I worked closely with eCommerce, Development, and Marketing to translate research findings into prioritisation inputs, ensuring insights informed roadmap, content, and feature decisions.</p>
<p>Operationalising Accessibility</p>
<p>I acted as a point of escalation for digital accessibility, embedding WCAG requirements into delivery processes so compliance became a design and development concern rather than a late audit.</p>
<p>Platform-First Thinking</p>
<p>During the SAP Commerce Cloud migration, I supported the evolution of the design system to meet new development constraints, enabling consistency across Community Online, B2B, and brand platforms while preserving flexibility.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                                            <div class="az-case-study__media-grid">
                                        <figure class="az-case-study__video">
                <div class="az-case-study__media az-case-study__media--video">
                                            <iframe title="Design System" src="https://player.vimeo.com/video/1112593476?dnt=1&amp;app_id=122963" width="960" height="544" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe>                                    </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Video</span>
                                        <span class="az-case-study__caption-text">Design-system walkthrough used to support platform migration and consistency across releases.</span>
                    </figcaption>
                    </figure>
                                </div>
                <section class="az-case-study__section az-case-study__section--dense az-section-tone az-section-tone--default" aria-labelledby="execution-highlights">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    05 / EXECUTION HIGHLIGHTS                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="execution-highlights">
                            Execution Highlights                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>Revenue Optimisation via UX Research</p>
<p>I combined behavioural analytics with usability testing on key product subcategories to understand where personalisation and navigation workflows broke down.</p>
<p>These signals helped distinguish genuine engagement from uncertainty-driven interaction and guided targeted adjustments to structure and content.</p>
<p>Service Blueprint for Repairs</p>
<p>I mapped the end-to-end journey for the Repair Service, connecting frontend interactions with backend processes. The service blueprint exposed misalignments between user expectations and internal workflows, creating a shared reference for operational and experience improvements.</p>
<p>Platform Migration Support</p>
<p>During the transition to a headless architecture, I partnered with development and content teams to maintain UX coherence across releases. Documentation and design-system updates helped balance speed, branding, and consistency during parallel launches.</p>
<p>Accessibility as a Cultural Shift</p>
<p>Recurring failures in semantic structure, contrast inconsistencies, and keyboard-navigation traps clearly indicated systemic design-system issues rather than isolated defects. This evidence proved decisive in prioritisation discussions and shifted accessibility from reactive fixes to structural improvement.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="outcome">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    06 / OUTCOME                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="outcome">
                            Outcome                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>This work helped reposition UX research as a stabilising force during transformation.</p>
<p>Decisions became more evidence-led, accessibility risks were surfaced earlier, and platform changes were supported by a shared understanding of user behaviour.</p>
<p>We shifted from release-driven decision-making to evidence-informed prioritisation, using research as a standard checkpoint rather than an optional add-on.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--dense az-section-tone az-section-tone--default" aria-labelledby="reflection">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    07 / REFLECTION                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="reflection">
                            Reflection                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>Scaling UX research in this context was less about introducing new methods and more about changing how certainty was earned.</p>
<p>When research consistently showed where assumptions failed, and when signals were shared across teams, UX moved from being a support function to a source of clarity during change.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                    
                    </div>
                </article>
    </div>
    </p>
<p>        <section class="az-editorial-pathway" aria-labelledby="related-method">
                            <h2 id="related-method" class="az-editorial-pathway__title">
                    Related method                </h2>
            
            
            <ul class="az-editorial-pathway__list">
                                                        <li class="az-editorial-pathway__item">
                                                    <p class="az-editorial-pathway__type">Working Framework</p>
                        
                        <p class="az-editorial-pathway__link">
                            <a href="https://alessandrozulberti.com/working-framework/signal-driven-discovery/">
                                Signal-Driven Discovery                            </a>
                        </p>

                                                    <p class="az-editorial-pathway__summary">A method page for reading weak signals, testing interpretation, and turning research into decisions.</p>
                                            </li>
                                                        <li class="az-editorial-pathway__item">
                                                    <p class="az-editorial-pathway__type">Field Note</p>
                        
                        <p class="az-editorial-pathway__link">
                            <a href="https://alessandrozulberti.com/field-note/eu-consumer-law-and-ux-the-consumer-as-ecosystem/">
                                EU Consumer Law and UX: The Consumer as Ecosystem                            </a>
                        </p>

                                                    <p class="az-editorial-pathway__summary">The law requires withdrawal to be as easy as purchase. The footer link fails this test on every&hellip;</p>
                                            </li>
                            </ul>
        </section>
        </p>
<p>The post <a href="https://alessandrozulberti.com/az-case-study/scaling-research-for-strategic-decisions/">Scaling Research for Strategic Decisions</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Clarity in High-Season Sales</title>
		<link>https://alessandrozulberti.com/az-case-study/clarity-in-high-season-sales/</link>
		
		<dc:creator><![CDATA[Alessandro Zulberti]]></dc:creator>
		<pubDate>Tue, 24 Mar 2026 09:28:37 +0000</pubDate>
				<category><![CDATA[AZ Case Study]]></category>
		<guid isPermaLink="false">http://localhost:8888/?p=1898</guid>

					<description><![CDATA[<p>The post <a href="https://alessandrozulberti.com/az-case-study/clarity-in-high-season-sales/">Clarity in High-Season Sales</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>    <div class="az-shortcode-render az-shortcode-render--case-study" data-az-shortcode-type="case-study">
        
        <article
            class="az-case-study"
            data-az-component-id="AZ-PAG-PRT-02"
            data-az-template-id="AZ-PAG-PRT-02"
        >
                            <section class="az-case-study__hero">
                    <div class="az-case-study__hero-main">
                                                    <p class="az-case-study__subtitle">Reducing Cognitive Load During Peak Traffic</p>
                        
                                                    <div class="az-case-study__lede">
                                <p>The Company approached its holiday campaigns with a clear ambition: convert seasonal traffic into meaningful engagement and confident purchasing decisions.</p>
<p>Earlier campaigns assumed that high holiday intent meant users already understood the product value and needed only visual appeal and refreshed layouts to convert. In reality, users required reassurance, guidance, and clearer differentiation, especially under time pressure.</p>
<p>I led UX research and usability testing across successive holiday campaigns, guiding their evolution from surface-level optimisation toward behaviourally informed experiences.</p>
                            </div>
                                            </div>

                                            <aside class="az-case-study__meta" aria-label="Project information">
                            <div class="az-case-study__meta-plane" aria-hidden="true"></div>
                            <dl class="az-case-study__fact-list">
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Project type</dt>
                                        <dd>Campaign optimisation</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Role</dt>
                                        <dd>Senior UX Researcher</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Scope</dt>
                                        <dd>Holiday landing pages, decision journeys, and campaign validation</dd>
                                    </div>
                                                                                                        <div class="az-case-study__fact">
                                        <dt>Methods</dt>
                                        <dd>Usability testing, five-second tests, behavioural analytics, heatmaps, journey mapping</dd>
                                    </div>
                                                            </dl>
                        </aside>
                                    </section>
            
                    <div class="az-case-study__flow">
                                    <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="challenge">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    01 / CHALLENGE                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="challenge">
                            Challenge                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>The initial goal was direct: understand why a visually refined landing page failed to convert during high-stakes holiday moments.</p>
<p>Usability testing revealed that users were not lost; they were unconvinced. Under time pressure and emotional load, behaviour changed markedly. Users became more risk-averse, scanned less, and relied on quick heuristics.</p>
<p>These hesitation points reappeared across successive holiday seasons, particularly around uncertainty about product suitability, shipping timing, and gift appropriateness.</p>
<p>Quantitative data confirmed limited engagement beyond the first scroll. Qualitative sessions explained why: unmet expectations and delayed reassurance.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                                            <div class="az-case-study__media-grid">
                                        <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2025/07/Slide2-1024x576.jpg"
                        alt="Holiday campaign research slide one"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Early campaign analysis focused on where visual polish failed to create decision confidence.</span>
                    </figcaption>
                    </figure>
                                </div>
                <section class="az-case-study__section az-case-study__section--dense az-section-tone az-section-tone--default" aria-labelledby="surface-clarity">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    03 / SURFACE CLARITY                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="surface-clarity">
                            Surface Clarity                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>Primary Methods</p>
<p>– Remote usability testing, including five-second tests</p>
<p>– Targeted user interviews</p>
<p>– Scroll-depth and click data analysis</p>
<p>– Prototype evaluation of new layout variations</p>
<p>Diagnosing Misalignment Through Usability Testing</p>
<p>The same pattern emerged repeatedly: users were not confused enough to stop, but not confident enough to convert.</p>
<p>One participant captured the tension clearly: after filtering, they felt mostly confident they had found the right product, but still worried there might be a better option they had missed.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                                            <div class="az-case-study__media-grid">
                                        <figure class="az-case-study__figure">
                <div class="az-case-study__media az-case-study__media--figure">
                    <img decoding="async"
                        class="az-case-study__image"
                        src="https://alessandrozulberti.com/wp-content/uploads/2025/07/Slide5-1024x576.jpg"
                        alt="Holiday campaign research slide two"
                        loading="lazy"
                    >
                </div>
                        <figcaption class="az-case-study__caption">
                            <span class="az-case-study__caption-label">Image</span>
                                        <span class="az-case-study__caption-text">Later design directions focused on decision support rather than visual dominance.</span>
                    </figcaption>
                    </figure>
                                </div>
                <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="designing-for-decision">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    05 / DESIGNING FOR DECISION                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="designing-for-decision">
                            Designing for Decision                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>With baseline issues identified, the focus shifted from diagnosis to intentional redesign.</p>
<p>One design direction was deliberately deprioritised: a visually dominant, hero-first layout that pushed explanatory content further down the page. Testing showed that users needed clearer value framing and decision aids earlier, not more visual emphasis.</p>
<p>Using behavioural principles, the journey was reshaped to reduce cognitive load, strengthen salience, and align content order with how decisions are made under pressure.</p>
<p>The landing page evolved from a static presentation into a sequence of deliberate decision moments, separating inspiration from commerce, elevating the Gift Finder, clarifying support pathways, and rewriting copy for rapid scanning.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--dense az-section-tone az-section-tone--default" aria-labelledby="validating-in-motion">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    06 / VALIDATING IN MOTION                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="validating-in-motion">
                            Validating in Motion                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>Primary Methods</p>
<p>– Scenario-based usability testing</p>
<p>– GA4 behavioural data review</p>
<p>– ContentSquare heatmaps</p>
<p>– A/B test planning</p>
<p>– Device-specific observations</p>
<p>– Feedback analysis from live prototypes</p>
<p>Real-Time Research During Campaign Rollout</p>
<p>Before launch, we conducted pre-live validation to refine nuance rather than uncover major flaws.</p>
<p>At one point, analytics suggested improved click-through on promotional elements. However, usability sessions revealed that many of these clicks were driven by uncertainty rather than true engagement.</p>
<p>The tension was resolved by restructuring the hierarchy so promotional elements supported, rather than replaced, decision-critical content.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                                            <section class="az-case-study__section az-case-study__section--default az-section-tone az-section-tone--default" aria-labelledby="reflection">
            <!-- Left column: Section label/number -->
            <div class="az-case-study__section-label-col">
                <div class="az-case-study__section-label">
                    07 / REFLECTION                </div>
            </div>

            <!-- Main column: Content -->
            <div class="az-case-study__section-main">
                <div class="az-case-study__section-inner">
                                            <h2 class="az-case-study__section-title" id="reflection">
                            Reflection                        </h2>
                    
                                            <div class="az-case-study__body">
                            <p>A small change produced a disproportionate effect: introducing concise, high-salience value statements such as warranty, gifting suitability, and delivery certainty directly above the product grid. This reduced early-journey hesitation and restored confidence.</p>
<p>This project was not about redesigning a landing page. It was about learning how people decide when attention is fragmented and stakes are high.</p>
<p>Clarity, in these moments, is not aesthetic. It is functional.</p>
                        </div>
                                    </div>
            </div>

            <!-- Right column: Optional quotes/highlights (currently empty, extensible) -->
            <div class="az-case-study__section-right"></div>
        </section>
                    
                    </div>
                </article>
    </div>
    </p>
<p>The post <a href="https://alessandrozulberti.com/az-case-study/clarity-in-high-season-sales/">Clarity in High-Season Sales</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Signal-Driven Discovery</title>
		<link>https://alessandrozulberti.com/working-framework/signal-driven-discovery/</link>
		
		<dc:creator><![CDATA[Alessandro Zulberti]]></dc:creator>
		<pubDate>Thu, 19 Mar 2026 13:30:42 +0000</pubDate>
				<category><![CDATA[Working Framework]]></category>
		<guid isPermaLink="false">https://alessandrozulberti.com/?p=1854</guid>

					<description><![CDATA[<p>A method page for reading weak signals, testing interpretation, and turning research into decisions.</p>
<p>The post <a href="https://alessandrozulberti.com/working-framework/signal-driven-discovery/">Signal-Driven Discovery</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>        <div class="az-shortcode-render az-shortcode-render--working-framework" data-az-shortcode-type="template">
            <article class="az-working-framework" data-az-component-id="AZ-PAG-WFW-01">
                                            <nav class="az-working-framework__anchor-nav" aria-label="Framework section navigation">
            <ul class="az-working-framework__anchor-list">
                                    <li class="az-working-framework__anchor-item">
                        <a href="#when-to-use">When to use</a>
                    </li>
                                    <li class="az-working-framework__anchor-item">
                        <a href="#framework-steps">Framework steps</a>
                    </li>
                                    <li class="az-working-framework__anchor-item">
                        <a href="#where-it-breaks">Where it breaks</a>
                    </li>
                                    <li class="az-working-framework__anchor-item">
                        <a href="#related-content">Related content</a>
                    </li>
                            </ul>
        </nav>
                        
                                    <section class="az-working-framework__tension" aria-label="Opening tension">
                        <p>Teams say they want continuous discovery, but most of the evidence arriving day to day is fragmentary, delayed, and easy to overread. By the time a drop in conversion, a strange search term, or a support pattern gets noticed, the pressure is already to explain it fast and act faster. The real problem is not lack of data. It is deciding which weak signals deserve interpretation, which need probing, and which should not harden into confident stories.</p>
                    </section>
                
                                    <section class="az-working-framework__section" id="when-to-use" aria-labelledby="az-working-framework-when-to-use">
                        <h2 class="az-working-framework__section-title" id="az-working-framework-when-to-use">When to Use This</h2>
                            <ul class="az-points-list">
                    <li>When behaviour shifts and no single release, campaign, or seasonal factor explains it cleanly</li>
                    <li>When interviews are too slow, too expensive, or too operationally heavy to trigger every time something moves</li>
                    <li>When several weak signals are clustering around the same part of the journey but the problem is still blurry</li>
                    <li>When the next step needs to be a concrete probe or decision, not another round of speculative discussion</li>
                    <li>When quieter absences need tracking alongside the loud anomalies that teams already notice</li>
            </ul>
                        </section>
                
                                    <section class="az-working-framework__section" id="framework-steps" aria-labelledby="az-working-framework-steps">
                        <h2 class="az-working-framework__section-title" id="az-working-framework-steps">The Framework</h2>
                        <ol class="az-working-framework-steps">
                                                                    <li class="az-working-framework-step" id="tab-section-01">
            <div class="az-working-framework-step__header">
                <p class="az-working-framework-step__index">01</p>
                <h3 class="az-working-framework-step__title">Signal</h3>
            </div>

                            <div class="az-working-framework-step__body">
                    <p>Notice a shift, absence, or recurring trace that refuses to stay incidental. Name the disturbance without pretending it already explains itself.</p>
                </div>
            
                            <p class="az-working-framework-step__misread">
                    <span class="az-working-framework-step__misread-label">What gets misread here</span>
                    <span class="az-working-framework-step__misread-text">A single anomaly gets treated as insight before its shape, context, or persistence has been checked.</span>
                </p>
                    </li>
                                                                            <li class="az-working-framework-step" id="tab-section-02">
            <div class="az-working-framework-step__header">
                <p class="az-working-framework-step__index">02</p>
                <h3 class="az-working-framework-step__title">Triage</h3>
            </div>

                            <div class="az-working-framework-step__body">
                    <p>Check whether the signal survives basic context: timing, segment, instrumentation, recent releases, and operational noise. The aim is to decide whether this deserves attention now, later, or not at all.</p>
                </div>
            
                            <p class="az-working-framework-step__misread">
                    <span class="az-working-framework-step__misread-label">What gets misread here</span>
                    <span class="az-working-framework-step__misread-text">Triage becomes explanation, so the team smuggles a favourite cause in before the evidence has narrowed.</span>
                </p>
                    </li>
                                                                            <li class="az-working-framework-step" id="tab-section-03">
            <div class="az-working-framework-step__header">
                <p class="az-working-framework-step__index">03</p>
                <h3 class="az-working-framework-step__title">Interpretation</h3>
            </div>

                            <div class="az-working-framework-step__body">
                    <p>Read across sources until the pattern becomes legible enough to frame a working explanation. Analytics, search, recordings, verbatims, and support should tighten the same question, not perform agreement theatre.</p>
                </div>
            
                            <p class="az-working-framework-step__misread">
                    <span class="az-working-framework-step__misread-label">What gets misread here</span>
                    <span class="az-working-framework-step__misread-text">Cross-source repetition is mistaken for certainty, even when each source is echoing the same blind spot.</span>
                </p>
                    </li>
                                                                            <li class="az-working-framework-step" id="tab-section-04">
            <div class="az-working-framework-step__header">
                <p class="az-working-framework-step__index">04</p>
                <h3 class="az-working-framework-step__title">Probe</h3>
            </div>

                            <div class="az-working-framework-step__body">
                    <p>Push the interpretation hard enough to expose where it fails. A probe can be a fast analysis cut, a counter-question, a lightweight experiment, or a small piece of qualitative follow-up.</p>
                </div>
            
                            <p class="az-working-framework-step__misread">
                    <span class="az-working-framework-step__misread-label">What gets misread here</span>
                    <span class="az-working-framework-step__misread-text">Any probe that confirms the first hunch is taken as validation, while disconfirming evidence is treated as noise.</span>
                </p>
                    </li>
                                                                            <li class="az-working-framework-step" id="tab-section-05">
            <div class="az-working-framework-step__header">
                <p class="az-working-framework-step__index">05</p>
                <h3 class="az-working-framework-step__title">Decision</h3>
            </div>

                            <div class="az-working-framework-step__body">
                    <p>Translate the strongest remaining reading into a concrete move: test, content change, design change, escalation, or deliberate non-action. If there is no decision pathway, the framework stops being useful.</p>
                </div>
            
                            <p class="az-working-framework-step__misread">
                    <span class="az-working-framework-step__misread-label">What gets misread here</span>
                    <span class="az-working-framework-step__misread-text">Decision is reduced to shipping something, even when the right move is to escalate, wait, or gather a different kind of evidence.</span>
                </p>
                    </li>
                                                                            <li class="az-working-framework-step" id="tab-section-06">
            <div class="az-working-framework-step__header">
                <p class="az-working-framework-step__index">06</p>
                <h3 class="az-working-framework-step__title">Loop</h3>
            </div>

                            <div class="az-working-framework-step__body">
                    <p>Carry the result back into the next round by checking what changed, what stayed absent, and what now deserves quieter ongoing listening. The loop keeps anomalies and ambient signals in conversation instead of letting each investigation die as an isolated ticket.</p>
                </div>
            
                            <p class="az-working-framework-step__misread">
                    <span class="az-working-framework-step__misread-label">What gets misread here</span>
                    <span class="az-working-framework-step__misread-text">The loop is treated as closure, so the team records an outcome but never adjusts what it watches next.</span>
                </p>
                    </li>
                                                            </ol>
                    </section>
                
                                    <section class="az-working-framework__section az-working-framework__section--breaks" id="where-it-breaks" aria-labelledby="az-working-framework-breaks">
                        <div class="az-working-framework__breaks-inner">
                            <h2 class="az-working-framework__section-title" id="az-working-framework-breaks">Where This Breaks</h2>
                                <ul class="az-points-list">
                    <li>Weak instrumentation turns noise into false signals or hides the signals that matter.</li>
                    <li>No decision pathway leaves the team able to describe a pattern but unable to act on it.</li>
                    <li>Overinterpretation makes correlation sound like understanding, especially under delivery pressure.</li>
                    <li>Organisational constraints block escalation, so the method keeps surfacing issues it has no permission to move.</li>
            </ul>
                            </div>
                    </section>
                            </article>
        </div>
        </p>
<p>The post <a href="https://alessandrozulberti.com/working-framework/signal-driven-discovery/">Signal-Driven Discovery</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>EU Consumer Law and UX: The Consumer as Ecosystem</title>
		<link>https://alessandrozulberti.com/field-note/eu-consumer-law-and-ux-the-consumer-as-ecosystem/</link>
		
		<dc:creator><![CDATA[Alessandro Zulberti]]></dc:creator>
		<pubDate>Sun, 15 Mar 2026 13:52:37 +0000</pubDate>
				<category><![CDATA[Field Note]]></category>
		<guid isPermaLink="false">https://alessandrozulberti.com/?p=1761</guid>

					<description><![CDATA[<p>The law requires withdrawal to be as easy as purchase. The footer link fails this test on every dimension. The withdrawal button is a legal actor. When absent, the right cannot be exercised. When present with a deadline counter, it performs the law’s symmetry requirement on behalf of the consumer, making the safe action the natural one. </p>
<p>The post <a href="https://alessandrozulberti.com/field-note/eu-consumer-law-and-ux-the-consumer-as-ecosystem/">EU Consumer Law and UX: The Consumer as Ecosystem</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>        <div class="az-shortcode-render az-shortcode-render--law-visual" data-az-shortcode-type="template">
            <article class="az-law-visual" data-az-component-id="AZ-ORG-LAW-01" data-az-template-id="AZ-ORG-LAW-01" data-az-visual-interaction="law-visual">
                                    <header class="az-law-visual__intro">
                        <p class="az-law-visual__eyebrow">Task-first regulation map</p>
                        <h2 class="az-law-visual__intro-title">Scan the obligation first. Open the legal detail only when needed.</h2>

                                                    <div class="az-law-visual__lede"><p>EU consumer law has moved past disclosure. Four regulations — right of withdrawal, legal guarantee, right to repair, age verification — now place active obligations on ecommerce interfaces. Each one lands in a different ecosystem state. Each one is currently met at the lowest possible interface weight. This series maps the gap between legal obligation and interaction design, using the user-ecosystem framework.</p>
</div>
                        
                                                    <p class="az-law-visual__framework">Applying the user-ecosystem framework — Youngblood and Chesluk, Rethinking Users (BIS Publishers, 2020) · NN/g, 2025.</p>
                                            </header>
                
                <div class="az-law-visual__tools" aria-label="Regulation detail controls">
                    <button class="az-law-visual__tool" type="button" data-az-law-action="expand-all">Open all details</button>
                    <button class="az-law-visual__tool" type="button" data-az-law-action="collapse-all">Close all details</button>
                </div>

                <div class="az-law-visual__cards">
                                                                    <details id="reg-withdrawal" class="az-law-visual__reg-card" data-az-law-card aria-labelledby="reg-withdrawal-summary-title">
                            <summary class="az-law-visual__card-summary">
                                <span class="az-law-visual__card-top">
                                    <span class="az-law-visual__card-num" aria-hidden="true">01</span>
                                    <span class="az-law-visual__card-heading">
                                        <span id="reg-withdrawal-summary-title" class="az-law-visual__card-title" role="heading" aria-level="3">Let people cancel from the order page</span>
                                                                                    <span class="az-law-visual__card-subhead">The 14-day withdrawal right now needs an active account-area function, not a footer policy.</span>
                                                                            </span>
                                </span>

                                <span class="az-law-visual__facts" role="list">
                                    <span class="az-law-visual__fact" role="listitem">
                                        <span class="az-law-visual__fact-label">What changed</span>
                                        <span class="az-law-visual__fact-value">Withdrawal must be executable online through a clearly labelled function.</span>
                                    </span>
                                    <span class="az-law-visual__fact" role="listitem">
                                        <span class="az-law-visual__fact-label">Where in the journey</span>
                                        <span class="az-law-visual__fact-value">Post-purchase account or order view, then the withdrawal flow.</span>
                                    </span>
                                    <span class="az-law-visual__fact" role="listitem">
                                        <span class="az-law-visual__fact-label">Required UI</span>
                                        <span class="az-law-visual__fact-value">Clear withdrawal button, live deadline, and purchase-like effort.</span>
                                    </span>
                                    <span class="az-law-visual__fact" role="listitem">
                                        <span class="az-law-visual__fact-label">Failure risk</span>
                                        <span class="az-law-visual__fact-value">Footer-only policy links make the right hard to exercise and fail the symmetry test.</span>
                                    </span>
                                </span>

                                <span class="az-law-visual__disclosure-text" aria-hidden="true">
                                    <span class="az-law-visual__disclosure-open">Open legal detail</span>
                                    <span class="az-law-visual__disclosure-close">Close legal detail</span>
                                </span>
                            </summary>

                            <div class="az-law-visual__detail">
                                <header class="az-law-visual__detail-head">
                                    <p class="az-law-visual__detail-kicker">Legal detail</p>

                                                                            <h3 class="az-law-visual__reg-title">
                                            The right to undo                                                                                            <em> a purchase</em>
                                                                                    </h3>
                                    
                                                                            <p class="az-law-visual__reg-tag">⚖ Dir. 2011/83/EU · amended 2023/2673 · in force 19 June 2026</p>
                                    
                                                                            <div class="az-law-visual__reg-lede"><p>The consumer has 14 days to cancel any online purchase without giving a reason. The amended directive now requires an active withdrawal function, not just a policy link, in the post-purchase interface. Most interfaces do not provide it.</p>
</div>
                                                                    </header>

                                                                    <section class="az-law-visual__journey" aria-labelledby="reg-withdrawal-journey-title">
                                        <h4 id="reg-withdrawal-journey-title" class="az-law-visual__section-title">Journey details</h4>
                                        <div class="az-law-visual__stages">
                                                                                                                                            <section class="az-law-visual__stage" aria-labelledby="reg-withdrawal-stage-1">
                                                    <header class="az-law-visual__stage-head">
                                                                                                                    <p class="az-law-visual__stage-num">01</p>
                                                        
                                                                                                                    <h5 id="reg-withdrawal-stage-1" class="az-law-visual__stage-title">Browse</h5>
                                                        
                                                                                                                    <p class="az-law-visual__stage-panel-title">Acquisition mode — legal node absent</p>
                                                                                                            </header>

                                                                                                            <ul class="az-law-visual__role-list">
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--cog">
                                                                                                                                            <strong>The intentional browser</strong>
                                                                    
                                                                                                                                            <span>Scanning options, building preference</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--emo">
                                                                                                                                            <strong>The aspirational self</strong>
                                                                    
                                                                                                                                            <span>Projecting desire onto the product</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--com">
                                                                                                                                            <strong>The market participant</strong>
                                                                    
                                                                                                                                            <span>Responding to price, promotion, scarcity</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--absent">
                                                                                                                                            <strong>The rights-holder</strong>
                                                                    
                                                                                                                                            <span>Withdrawal right exists</span>
                                                                    
                                                                                                                                            <span class="az-law-visual__role-badge">absent</span>
                                                                                                                                    </li>
                                                                                                                    </ul>
                                                    
                                                                                                            <div class="az-law-visual__stage-tension">
                                                            <p class="az-law-visual__mini-label">Why it matters</p>
                                                            <p>No legal archetypes are active here, and this is appropriate. The ecosystem is correctly configured for browsing. The absence of the legal node at this stage reveals where and how it eventually surfaces.</p>
                                                        </div>
                                                    
                                                                                                            <div class="az-law-visual__stage-note">
                                                            <p class="az-law-visual__mini-label">Design implication</p>
                                                            <p>Nothing to redesign at this stage. The gap is downstream.</p>
                                                        </div>
                                                                                                    </section>
                                                                                                                                            <section class="az-law-visual__stage" aria-labelledby="reg-withdrawal-stage-2">
                                                    <header class="az-law-visual__stage-head">
                                                                                                                    <p class="az-law-visual__stage-num">02</p>
                                                        
                                                                                                                    <h5 id="reg-withdrawal-stage-2" class="az-law-visual__stage-title">Product page</h5>
                                                        
                                                                                                                    <p class="az-law-visual__stage-panel-title">High intent — disclosed but not received</p>
                                                                                                            </header>

                                                                                                            <ul class="az-law-visual__role-list">
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--cog">
                                                                                                                                            <strong>The evaluating agent</strong>
                                                                    
                                                                                                                                            <span>Processing product info, reviews, fit</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--emo">
                                                                                                                                            <strong>The committed self</strong>
                                                                    
                                                                                                                                            <span>Investment building toward purchase</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--com">
                                                                                                                                            <strong>The conversion target</strong>
                                                                    
                                                                                                                                            <span>Responding to interface optimised for sale</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--leg">
                                                                                                                                            <strong>The informed consumer</strong>
                                                                    
                                                                                                                                            <span>14-day right in footer link or small print</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--absent">
                                                                                                                                            <strong>The deadline-holder</strong>
                                                                    
                                                                                                                                            <span>14-day window not yet relevant</span>
                                                                    
                                                                                                                                            <span class="az-law-visual__role-badge">absent</span>
                                                                                                                                    </li>
                                                                                                                    </ul>
                                                    
                                                                                                            <div class="az-law-visual__stage-tension">
                                                            <p class="az-law-visual__mini-label">Why it matters</p>
                                                            <p>The legal archetype is present but weightless. The cognitive archetype is directed at the product. Disclosure is occurring; comprehension is not.</p>
                                                        </div>
                                                    
                                                                                                            <div class="az-law-visual__stage-note">
                                                            <p class="az-law-visual__mini-label">Design implication</p>
                                                            <p>The right is disclosed at the moment of highest purchase intent, the state least receptive to legal information.</p>
                                                        </div>
                                                                                                    </section>
                                                                                                                                            <section class="az-law-visual__stage" aria-labelledby="reg-withdrawal-stage-3">
                                                    <header class="az-law-visual__stage-head">
                                                                                                                    <p class="az-law-visual__stage-num">03</p>
                                                        
                                                                                                                    <h5 id="reg-withdrawal-stage-3" class="az-law-visual__stage-title">Checkout</h5>
                                                        
                                                                                                                    <p class="az-law-visual__stage-panel-title">Completion mode — disclosure met, function absent</p>
                                                                                                            </header>

                                                                                                            <ul class="az-law-visual__role-list">
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--cog">
                                                                                                                                            <strong>The overloaded agent</strong>
                                                                    
                                                                                                                                            <span>Managing payment, address, delivery</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--emo">
                                                                                                                                            <strong>The completion-seeker</strong>
                                                                    
                                                                                                                                            <span>Strong drive to finish the transaction</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--com">
                                                                                                                                            <strong>The converting customer</strong>
                                                                    
                                                                                                                                            <span>Interface minimises friction toward payment</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--leg">
                                                                                                                                            <strong>The acknowledged rights-holder</strong>
                                                                    
                                                                                                                                            <span>Right referenced; disclosure legally met</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--absent">
                                                                                                                                            <strong>The future returner</strong>
                                                                    
                                                                                                                                            <span>14-day window does not yet exist</span>
                                                                    
                                                                                                                                            <span class="az-law-visual__role-badge">absent</span>
                                                                                                                                    </li>
                                                                                                                    </ul>
                                                    
                                                                                                            <div class="az-law-visual__stage-tension">
                                                            <p class="az-law-visual__mini-label">Why it matters</p>
                                                            <p>Disclosure is met. The cognitive archetype is at maximum load. The legal information lands in a hostile ecosystem state and is processed by no active archetype.</p>
                                                        </div>
                                                    
                                                                                                            <div class="az-law-visual__stage-note">
                                                            <p class="az-law-visual__mini-label">Design implication</p>
                                                            <p>Disclosure does not equal function. Checkout satisfies the information requirement. The withdrawal function belongs in the post-purchase ecosystem.</p>
                                                        </div>
                                                                                                    </section>
                                                                                                                                            <section class="az-law-visual__stage az-law-visual__stage--law" aria-labelledby="reg-withdrawal-stage-4">
                                                    <header class="az-law-visual__stage-head">
                                                                                                                    <p class="az-law-visual__stage-num">04</p>
                                                        
                                                                                                                    <h5 id="reg-withdrawal-stage-4" class="az-law-visual__stage-title">Post-purchase</h5>
                                                        
                                                                                                                    <p class="az-law-visual__stage-panel-title">Where the law places its obligation</p>
                                                                                                            </header>

                                                                                                            <ul class="az-law-visual__role-list">
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--cog">
                                                                                                                                            <strong>The evaluating owner</strong>
                                                                    
                                                                                                                                            <span>Assessing product against expectation</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--emo">
                                                                                                                                            <strong>The uncertain or disappointed self</strong>
                                                                    
                                                                                                                                            <span>Post-purchase dissonance; desire to correct</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--tmp">
                                                                                                                                            <strong>The deadline-holder</strong>
                                                                    
                                                                                                                                            <span>14-day clock running; deadline not shown</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--absent">
                                                                                                                                            <strong>The active rights-holder</strong>
                                                                    
                                                                                                                                            <span>Withdrawal function required here, absent in most interfaces</span>
                                                                    
                                                                                                                                            <span class="az-law-visual__role-badge">absent</span>
                                                                                                                                    </li>
                                                                                                                    </ul>
                                                    
                                                                                                            <div class="az-law-visual__stage-tension">
                                                            <p class="az-law-visual__mini-label">Why it matters</p>
                                                            <p>The ecosystem has completely changed. The clock is running. The consumer is evaluating a product they own. The withdrawal function the directive requires to be here is absent.</p>
                                                        </div>
                                                    
                                                                                                            <div class="az-law-visual__stage-note az-law-visual__stage-note--brlaw-colbr">
                                                            <p class="az-law-visual__mini-label">Design implication</p>
                                                            <p>Dir. 2023/2673 is explicit: the withdrawal function must be in the account area or on relevant pages, not a footer link. The temporal archetype must also be activated: the consumer needs to see not just that they can withdraw, but when that right expires.</p>
                                                        </div>
                                                                                                    </section>
                                                                                                                                            <section class="az-law-visual__stage az-law-visual__stage--law" aria-labelledby="reg-withdrawal-stage-5">
                                                    <header class="az-law-visual__stage-head">
                                                                                                                    <p class="az-law-visual__stage-num">05</p>
                                                        
                                                                                                                    <h5 id="reg-withdrawal-stage-5" class="az-law-visual__stage-title">Withdrawal</h5>
                                                        
                                                                                                                    <p class="az-law-visual__stage-panel-title">The symmetry test</p>
                                                                                                            </header>

                                                                                                            <ul class="az-law-visual__role-list">
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--cog">
                                                                                                                                            <strong>The problem-solver under pressure</strong>
                                                                    
                                                                                                                                            <span>Navigating an unfamiliar flow under deadline</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--emo">
                                                                                                                                            <strong>The frustrated consumer</strong>
                                                                    
                                                                                                                                            <span>Friction is experienced as injustice here</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--tmp">
                                                                                                                                            <strong>The deadline-holder</strong>
                                                                    
                                                                                                                                            <span>Urgency is high; hours or days remaining</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--leg">
                                                                                                                                            <strong>The rights-exerciser</strong>
                                                                    
                                                                                                                                            <span>Attempting to exercise a right the interface resists</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--absent">
                                                                                                                                            <strong>The asymmetric interface</strong>
                                                                    
                                                                                                                                            <span>Withdrawal harder than purchase by design</span>
                                                                    
                                                                                                                                            <span class="az-law-visual__role-badge">absent</span>
                                                                                                                                    </li>
                                                                                                                    </ul>
                                                    
                                                                                                            <div class="az-law-visual__stage-tension">
                                                            <p class="az-law-visual__mini-label">Why it matters</p>
                                                            <p>The ecosystem is now the inverse of purchase. The law requires withdrawal to be as easy as purchase. The footer link fails this test on every dimension.</p>
                                                        </div>
                                                    
                                                                                                            <div class="az-law-visual__stage-note az-law-visual__stage-note--brlaw-colbr">
                                                            <p class="az-law-visual__mini-label">Design implication</p>
                                                            <p>The symmetry principle: if purchase took two clicks and a primary button, withdrawal must take the same. The interface structurally opposed to this is not merely poor UX. It is non-compliant.</p>
                                                        </div>
                                                                                                    </section>
                                                                                    </div>
                                    </section>
                                
                                                                    <section class="az-law-visual__compare" aria-labelledby="reg-withdrawal-compare">
                                        <h4 id="reg-withdrawal-compare" class="az-law-visual__compare-title">What fails today and what must change</h4>

                                                                                    <div class="az-law-visual__compare-intro"><p>In ecosystem terms the withdrawal button is an active artifact, a designed object that performs the consumer's right. Its absence from the order view is not a UX omission. It is the ecosystem refusing to activate a node the law requires to be present.</p>
</div>
                                        
                                                                                    <div class="az-law-visual__state-list">
                                                                                                                                                        <section class="az-law-visual__state az-law-visual__state--fail">
                                                        <h5 class="az-law-visual__state-label">Current interface</h5>

                                                                                                                    <div class="az-law-visual__state-body"><p>The node is present, but its weight is near zero. A footer link signals administrative content. The user who wants to withdraw must know to look there, navigate past unrelated links, and work through a policy page. The symmetry test is not met.</p>
</div>
                                                                                                            </section>
                                                                                                                                                        <section class="az-law-visual__state az-law-visual__state--pass">
                                                        <h5 class="az-law-visual__state-label">Required interface</h5>

                                                                                                                    <div class="az-law-visual__state-body"><p>The active artifact is doing its work. The withdrawal function is contextual, in the order view, with a live deadline. The button carries the same action register as the purchase button. Symmetry of effort.</p>
</div>
                                                                                                            </section>
                                                                                            </div>
                                                                            </section>
                                
                                                                    <section class="az-law-visual__artifact">
                                        <h4 class="az-law-visual__artifact-label">Required UI pattern</h4>
                                        <div class="az-law-visual__artifact-body"><p>The withdrawal button is a legal actor. When absent, the right cannot be exercised. When present with a deadline counter, it performs the law's symmetry requirement on behalf of the consumer, making the safe action the natural one.</p>
</div>
                                    </section>
                                
                                                                    <figure class="az-law-visual__quote">
                                                                                    <figcaption>Legal source: Directive 2023/2673 · Amendment to Article 11</figcaption>
                                                                                <blockquote><p>The trader shall ensure that the consumer can exercise the right of withdrawal by means of a clearly labelled withdrawal function placed in the consumer's account area or on any other relevant page.</p>
</blockquote>
                                    </figure>
                                                            </div>
                        </details>
                                                                    <details id="reg-guarantee" class="az-law-visual__reg-card" data-az-law-card aria-labelledby="reg-guarantee-summary-title">
                            <summary class="az-law-visual__card-summary">
                                <span class="az-law-visual__card-top">
                                    <span class="az-law-visual__card-num" aria-hidden="true">02</span>
                                    <span class="az-law-visual__card-heading">
                                        <span id="reg-guarantee-summary-title" class="az-law-visual__card-title" role="heading" aria-level="3">Separate the legal guarantee from the warranty</span>
                                                                                    <span class="az-law-visual__card-subhead">The mandatory 2-year guarantee must not be blurred with a voluntary commercial warranty.</span>
                                                                            </span>
                                </span>

                                <span class="az-law-visual__facts" role="list">
                                    <span class="az-law-visual__fact" role="listitem">
                                        <span class="az-law-visual__fact-label">What changed</span>
                                        <span class="az-law-visual__fact-value">ECGT requires clear information on the statutory guarantee and how it differs from any commercial guarantee.</span>
                                    </span>
                                    <span class="az-law-visual__fact" role="listitem">
                                        <span class="az-law-visual__fact-label">Where in the journey</span>
                                        <span class="az-law-visual__fact-value">Product page, checkout confirmation, and breakdown or support journey.</span>
                                    </span>
                                    <span class="az-law-visual__fact" role="listitem">
                                        <span class="az-law-visual__fact-label">Required UI</span>
                                        <span class="az-law-visual__fact-value">Two distinct labels: mandatory seller guarantee first, voluntary warranty second.</span>
                                    </span>
                                    <span class="az-law-visual__fact" role="listitem">
                                        <span class="az-law-visual__fact-label">Failure risk</span>
                                        <span class="az-law-visual__fact-value">Warranty badge dominance can misdirect consumers to paid support or manufacturer paths.</span>
                                    </span>
                                </span>

                                <span class="az-law-visual__disclosure-text" aria-hidden="true">
                                    <span class="az-law-visual__disclosure-open">Open legal detail</span>
                                    <span class="az-law-visual__disclosure-close">Close legal detail</span>
                                </span>
                            </summary>

                            <div class="az-law-visual__detail">
                                <header class="az-law-visual__detail-head">
                                    <p class="az-law-visual__detail-kicker">Legal detail</p>

                                                                            <h3 class="az-law-visual__reg-title">
                                            Two rights,                                                                                            <em> one confusion</em>
                                                                                    </h3>
                                    
                                                                            <p class="az-law-visual__reg-tag">⚖ Dir. 2019/771 · ECGT Dir. 2024/825 · in force 27 Sept 2026</p>
                                    
                                                                            <div class="az-law-visual__reg-lede"><p>Every product sold in the EU carries a mandatory 2-year legal guarantee. Most interfaces promote the commercial warranty instead, a voluntary manufacturer's offer. The ECGT directive now requires these to be clearly distinguished. They are not currently.</p>
</div>
                                                                    </header>

                                                                    <section class="az-law-visual__journey" aria-labelledby="reg-guarantee-journey-title">
                                        <h4 id="reg-guarantee-journey-title" class="az-law-visual__section-title">Journey details</h4>
                                        <div class="az-law-visual__stages">
                                                                                                                                            <section class="az-law-visual__stage" aria-labelledby="reg-guarantee-stage-1">
                                                    <header class="az-law-visual__stage-head">
                                                                                                                    <p class="az-law-visual__stage-num">01</p>
                                                        
                                                                                                                    <h5 id="reg-guarantee-stage-1" class="az-law-visual__stage-title">Browse</h5>
                                                        
                                                                                                                    <p class="az-law-visual__stage-panel-title">Acquisition mode — guarantee invisible</p>
                                                                                                            </header>

                                                                                                            <ul class="az-law-visual__role-list">
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--cog">
                                                                                                                                            <strong>The intentional browser</strong>
                                                                    
                                                                                                                                            <span>Building product preference, comparing options</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--emo">
                                                                                                                                            <strong>The aspirational self</strong>
                                                                    
                                                                                                                                            <span>Desire-led engagement with products</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--com">
                                                                                                                                            <strong>The market participant</strong>
                                                                    
                                                                                                                                            <span>Responding to pricing and brand signals</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--absent">
                                                                                                                                            <strong>The guarantee-holder</strong>
                                                                    
                                                                                                                                            <span>2-year legal guarantee exists</span>
                                                                    
                                                                                                                                            <span class="az-law-visual__role-badge">absent</span>
                                                                                                                                    </li>
                                                                                                                    </ul>
                                                    
                                                                                                            <div class="az-law-visual__stage-tension">
                                                            <p class="az-law-visual__mini-label">Why it matters</p>
                                                            <p>No legal archetypes are active at browsing. The legal guarantee exists in law, but has no presence in the browsing ecosystem. The commercial warranty, by contrast, is often promoted actively through badge design and product imagery.</p>
                                                        </div>
                                                    
                                                                                                            <div class="az-law-visual__stage-note">
                                                            <p class="az-law-visual__mini-label">Design implication</p>
                                                            <p>The asymmetry begins here: the mandatory right is invisible, the voluntary offer is prominent.</p>
                                                        </div>
                                                                                                    </section>
                                                                                                                                            <section class="az-law-visual__stage az-law-visual__stage--law" aria-labelledby="reg-guarantee-stage-2">
                                                    <header class="az-law-visual__stage-head">
                                                                                                                    <p class="az-law-visual__stage-num">02</p>
                                                        
                                                                                                                    <h5 id="reg-guarantee-stage-2" class="az-law-visual__stage-title">Product page</h5>
                                                        
                                                                                                                    <p class="az-law-visual__stage-panel-title">Where the law requires clear distinction</p>
                                                                                                            </header>

                                                                                                            <ul class="az-law-visual__role-list">
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--cog">
                                                                                                                                            <strong>The evaluating agent</strong>
                                                                    
                                                                                                                                            <span>Reading specs, reviews, warranty claims</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--emo">
                                                                                                                                            <strong>The confidence-seeker</strong>
                                                                    
                                                                                                                                            <span>Warranty information increases purchase confidence</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--com">
                                                                                                                                            <strong>The promoted warranty</strong>
                                                                    
                                                                                                                                            <span>Commercial offer, prominently placed</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--absent">
                                                                                                                                            <strong>The legal guarantee</strong>
                                                                    
                                                                                                                                            <span>Mandatory 2-year right, absent or buried</span>
                                                                    
                                                                                                                                            <span class="az-law-visual__role-badge">absent</span>
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--absent">
                                                                                                                                            <strong>The breakdown-holder</strong>
                                                                    
                                                                                                                                            <span>Guarantee becomes relevant only when product fails</span>
                                                                    
                                                                                                                                            <span class="az-law-visual__role-badge">absent</span>
                                                                                                                                    </li>
                                                                                                                    </ul>
                                                    
                                                                                                            <div class="az-law-visual__stage-tension">
                                                            <p class="az-law-visual__mini-label">Why it matters</p>
                                                            <p>The ECGT directive requires both to be present and distinct on the product page. Currently the commercial warranty dominates because it is a marketing asset. The legal guarantee, which is stronger and mandatory, is either absent or indistinguishable from the commercial offer.</p>
                                                        </div>
                                                    
                                                                                                            <div class="az-law-visual__stage-note az-law-visual__stage-note--brlaw-colbr">
                                                            <p class="az-law-visual__mini-label">Design implication</p>
                                                            <p>ECGT 2024/825 creates two separate legal objects: the statutory guarantee label, mandatory and seller-owned, and the commercial durability guarantee label, voluntary and manufacturer-owned. Most product pages currently show one undifferentiated badge.</p>
                                                        </div>
                                                                                                    </section>
                                                                                                                                            <section class="az-law-visual__stage" aria-labelledby="reg-guarantee-stage-3">
                                                    <header class="az-law-visual__stage-head">
                                                                                                                    <p class="az-law-visual__stage-num">03</p>
                                                        
                                                                                                                    <h5 id="reg-guarantee-stage-3" class="az-law-visual__stage-title">Checkout</h5>
                                                        
                                                                                                                    <p class="az-law-visual__stage-panel-title">Purchase confirmed — two clocks now running</p>
                                                                                                            </header>

                                                                                                            <ul class="az-law-visual__role-list">
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--cog">
                                                                                                                                            <strong>The completing agent</strong>
                                                                    
                                                                                                                                            <span>Finishing the transaction; bandwidth minimal</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--tmp">
                                                                                                                                            <strong>The dual-clock holder</strong>
                                                                    
                                                                                                                                            <span>Legal guarantee and commercial warranty both activated at purchase</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--leg">
                                                                                                                                            <strong>The guarantee-holder</strong>
                                                                    
                                                                                                                                            <span>Legal guarantee begins; consumer is often unaware</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--com">
                                                                                                                                            <strong>The warranty-holder</strong>
                                                                    
                                                                                                                                            <span>Commercial warranty confirmed; consumer may notice this one</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                    </ul>
                                                    
                                                                                                            <div class="az-law-visual__stage-tension">
                                                            <p class="az-law-visual__mini-label">Why it matters</p>
                                                            <p>Two legally distinct timers start at the moment of purchase. The consumer is aware of neither. The checkout confirmation page typically shows order summary and delivery estimate, not the start of their consumer rights.</p>
                                                        </div>
                                                    
                                                                                                            <div class="az-law-visual__stage-note">
                                                            <p class="az-law-visual__mini-label">Design implication</p>
                                                            <p>A confirmation message that says your 2-year guarantee starts today would activate the temporal archetype at the correct moment. Most interfaces do not do this.</p>
                                                        </div>
                                                                                                    </section>
                                                                                                                                            <section class="az-law-visual__stage az-law-visual__stage--law" aria-labelledby="reg-guarantee-stage-4">
                                                    <header class="az-law-visual__stage-head">
                                                                                                                    <p class="az-law-visual__stage-num">04</p>
                                                        
                                                                                                                    <h5 id="reg-guarantee-stage-4" class="az-law-visual__stage-title">Breakdown</h5>
                                                        
                                                                                                                    <p class="az-law-visual__stage-panel-title">The ecosystem the law was written for</p>
                                                                                                            </header>

                                                                                                            <ul class="az-law-visual__role-list">
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--cog">
                                                                                                                                            <strong>The problem-solver</strong>
                                                                    
                                                                                                                                            <span>Trying to get a defective product repaired or replaced</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--emo">
                                                                                                                                            <strong>The frustrated owner</strong>
                                                                    
                                                                                                                                            <span>Stress, urgency, and sense of loss</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--tmp">
                                                                                                                                            <strong>The deadline-holder</strong>
                                                                    
                                                                                                                                            <span>Is the product still within two years? The consumer often does not know</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--leg">
                                                                                                                                            <strong>The rights-exerciser</strong>
                                                                    
                                                                                                                                            <span>Legal guarantee entitles free repair or replacement</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--absent">
                                                                                                                                            <strong>The commercial warranty path</strong>
                                                                    
                                                                                                                                            <span>Interface redirects to paid support or upsell</span>
                                                                    
                                                                                                                                            <span class="az-law-visual__role-badge">absent</span>
                                                                                                                                    </li>
                                                                                                                    </ul>
                                                    
                                                                                                            <div class="az-law-visual__stage-tension">
                                                            <p class="az-law-visual__mini-label">Why it matters</p>
                                                            <p>The legal archetype is now maximally relevant. The consumer has a right to free repair or replacement. If the guarantee was never clearly communicated, the interface directs them toward paid support, an upsell, or manufacturer channels that obscure the mandatory right.</p>
                                                        </div>
                                                    
                                                                                                            <div class="az-law-visual__stage-note az-law-visual__stage-note--brlaw-colbr">
                                                            <p class="az-law-visual__mini-label">Design implication</p>
                                                            <p>The ecosystem at breakdown is the one the law was designed for. But the information the consumer needs was disclosed at a completely different ecosystem state, high purchase intent, and was not retained. The active artifact that could bridge these states is a guarantee card or account record surfaced at the moment of breakdown.</p>
                                                        </div>
                                                                                                    </section>
                                                                                    </div>
                                    </section>
                                
                                                                    <section class="az-law-visual__compare" aria-labelledby="reg-guarantee-compare">
                                        <h4 id="reg-guarantee-compare" class="az-law-visual__compare-title">What fails today and what must change</h4>

                                                                                    <div class="az-law-visual__compare-intro"><p>The guarantee label is an active artifact. Currently it amplifies the commercial warranty and renders the legal guarantee invisible. Under ECGT 2024/825 it must do the opposite: make the mandatory right legible and the voluntary offer secondary.</p>
</div>
                                        
                                                                                    <div class="az-law-visual__state-list">
                                                                                                                                                        <section class="az-law-visual__state az-law-visual__state--fail">
                                                        <h5 class="az-law-visual__state-label">Current interface</h5>

                                                                                                                    <div class="az-law-visual__state-body"><p>The commercial warranty dominates the interface. The legal guarantee, the stronger and mandatory right, is absent or indistinguishable. When the product fails, the consumer does not know which protection applies or how to invoke it.</p>
</div>
                                                                                                            </section>
                                                                                                                                                        <section class="az-law-visual__state az-law-visual__state--pass">
                                                        <h5 class="az-law-visual__state-label">Required interface</h5>

                                                                                                                    <div class="az-law-visual__state-body"><p>Two distinct labels, two distinct rights. The mandatory legal guarantee is primary. The commercial warranty is secondary and clearly voluntary. Both can link to a claim process, but the consumer can tell immediately which right is theirs by default.</p>
</div>
                                                                                                            </section>
                                                                                            </div>
                                                                            </section>
                                
                                                                    <section class="az-law-visual__artifact">
                                        <h4 class="az-law-visual__artifact-label">Required UI pattern</h4>
                                        <div class="az-law-visual__artifact-body"><p>The guarantee label on a product page is a legal actor. When it says 2-year warranty without distinguishing legal from commercial, it performs the seller's interest, not the consumer's right. The ECGT directive requires it to perform both, separately, clearly, and in that order.</p>
</div>
                                    </section>
                                
                                                                    <figure class="az-law-visual__quote">
                                                                                    <figcaption>Legal source: ECGT Directive 2024/825 · Article 6b</figcaption>
                                                                                <blockquote><p>Traders shall provide consumers with clear information on the statutory guarantee of conformity and on the distinction between the statutory guarantee and any commercial guarantee offered.</p>
</blockquote>
                                    </figure>
                                                            </div>
                        </details>
                                                                    <details id="reg-repair" class="az-law-visual__reg-card" data-az-law-card aria-labelledby="reg-repair-summary-title">
                            <summary class="az-law-visual__card-summary">
                                <span class="az-law-visual__card-top">
                                    <span class="az-law-visual__card-num" aria-hidden="true">03</span>
                                    <span class="az-law-visual__card-heading">
                                        <span id="reg-repair-summary-title" class="az-law-visual__card-title" role="heading" aria-level="3">Show repair choices before and after purchase</span>
                                                                                    <span class="az-law-visual__card-subhead">The product page becomes a lifecycle surface with repairability, parts, and repair access.</span>
                                                                            </span>
                                </span>

                                <span class="az-law-visual__facts" role="list">
                                    <span class="az-law-visual__fact" role="listitem">
                                        <span class="az-law-visual__fact-label">What changed</span>
                                        <span class="az-law-visual__fact-value">Right to Repair requires repair and spare-parts information, reasonable pricing, and no technical blocking.</span>
                                    </span>
                                    <span class="az-law-visual__fact" role="listitem">
                                        <span class="az-law-visual__fact-label">Where in the journey</span>
                                        <span class="az-law-visual__fact-value">Product page, ownership area, support flow, and repair decision.</span>
                                    </span>
                                    <span class="az-law-visual__fact" role="listitem">
                                        <span class="az-law-visual__fact-label">Required UI</span>
                                        <span class="az-law-visual__fact-value">Repairability score, parts availability, price cues, and repair pathway.</span>
                                    </span>
                                    <span class="az-law-visual__fact" role="listitem">
                                        <span class="az-law-visual__fact-label">Failure risk</span>
                                        <span class="az-law-visual__fact-value">Sales-only product pages hide lifecycle costs and steer replacement over repair.</span>
                                    </span>
                                </span>

                                <span class="az-law-visual__disclosure-text" aria-hidden="true">
                                    <span class="az-law-visual__disclosure-open">Open legal detail</span>
                                    <span class="az-law-visual__disclosure-close">Close legal detail</span>
                                </span>
                            </summary>

                            <div class="az-law-visual__detail">
                                <header class="az-law-visual__detail-head">
                                    <p class="az-law-visual__detail-kicker">Legal detail</p>

                                                                            <h3 class="az-law-visual__reg-title">
                                            The product page                                                                                            <em> after purchase</em>
                                                                                    </h3>
                                    
                                                                            <p class="az-law-visual__reg-tag">⚖ Dir. 2024/1799 · member states apply from 31 July 2026</p>
                                    
                                                                            <div class="az-law-visual__reg-lede"><p>The product page has always been a sales endpoint. The Right to Repair makes it the entry point to a legally mandated post-purchase infrastructure: repairability scores, spare parts availability, and repair pricing. None of these currently exist as active interface nodes.</p>
</div>
                                                                    </header>

                                                                    <section class="az-law-visual__journey" aria-labelledby="reg-repair-journey-title">
                                        <h4 id="reg-repair-journey-title" class="az-law-visual__section-title">Journey details</h4>
                                        <div class="az-law-visual__stages">
                                                                                                                                            <section class="az-law-visual__stage" aria-labelledby="reg-repair-stage-1">
                                                    <header class="az-law-visual__stage-head">
                                                                                                                    <p class="az-law-visual__stage-num">01</p>
                                                        
                                                                                                                    <h5 id="reg-repair-stage-1" class="az-law-visual__stage-title">Browse</h5>
                                                        
                                                                                                                    <p class="az-law-visual__stage-panel-title">Acquisition mode — repairability invisible</p>
                                                                                                            </header>

                                                                                                            <ul class="az-law-visual__role-list">
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--cog">
                                                                                                                                            <strong>The intentional browser</strong>
                                                                    
                                                                                                                                            <span>Evaluating products on price, brand, and features</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--emo">
                                                                                                                                            <strong>The aspirational self</strong>
                                                                    
                                                                                                                                            <span>Desire-led engagement</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--com">
                                                                                                                                            <strong>The market participant</strong>
                                                                    
                                                                                                                                            <span>Responding to commercial signals</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--absent">
                                                                                                                                            <strong>The repair-rights holder</strong>
                                                                    
                                                                                                                                            <span>Right to repair and spare parts access</span>
                                                                    
                                                                                                                                            <span class="az-law-visual__role-badge">absent</span>
                                                                                                                                    </li>
                                                                                                                    </ul>
                                                    
                                                                                                            <div class="az-law-visual__stage-tension">
                                                            <p class="az-law-visual__mini-label">Why it matters</p>
                                                            <p>The repairability of a product is not a visible attribute in the browsing ecosystem. The consumer has no interface node to evaluate it against. The commercial ecosystem is optimised for replacement, not repair.</p>
                                                        </div>
                                                    
                                                                                                            <div class="az-law-visual__stage-note">
                                                            <p class="az-law-visual__mini-label">Design implication</p>
                                                            <p>The ecosystem at browsing reflects the commercial incentive: sell new products. The Right to Repair introduces a counter-incentive that currently has no interface home.</p>
                                                        </div>
                                                                                                    </section>
                                                                                                                                            <section class="az-law-visual__stage az-law-visual__stage--law" aria-labelledby="reg-repair-stage-2">
                                                    <header class="az-law-visual__stage-head">
                                                                                                                    <p class="az-law-visual__stage-num">02</p>
                                                        
                                                                                                                    <h5 id="reg-repair-stage-2" class="az-law-visual__stage-title">Product page</h5>
                                                        
                                                                                                                    <p class="az-law-visual__stage-panel-title">The product page must now carry lifecycle information</p>
                                                                                                            </header>

                                                                                                            <ul class="az-law-visual__role-list">
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--cog">
                                                                                                                                            <strong>The evaluating agent</strong>
                                                                    
                                                                                                                                            <span>Reading specs, comparing models</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--com">
                                                                                                                                            <strong>The conversion target</strong>
                                                                    
                                                                                                                                            <span>Interface optimised toward purchase completion</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--absent">
                                                                                                                                            <strong>The repairability-aware buyer</strong>
                                                                    
                                                                                                                                            <span>Repairability score required on product page, absent in most interfaces</span>
                                                                    
                                                                                                                                            <span class="az-law-visual__role-badge">absent</span>
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--absent">
                                                                                                                                            <strong>The long-term owner</strong>
                                                                    
                                                                                                                                            <span>Spare parts availability over product lifetime is not shown</span>
                                                                    
                                                                                                                                            <span class="az-law-visual__role-badge">absent</span>
                                                                                                                                    </li>
                                                                                                                    </ul>
                                                    
                                                                                                            <div class="az-law-visual__stage-tension">
                                                            <p class="az-law-visual__mini-label">Why it matters</p>
                                                            <p>Dir. 2024/1799 requires repairability information on the product page. Currently the product page is a pure sales surface. Repairability scores, spare parts availability, and repair cost indicators have no visual language, no established placement, and no interface precedent.</p>
                                                        </div>
                                                    
                                                                                                            <div class="az-law-visual__stage-note az-law-visual__stage-note--brlaw-colbr">
                                                            <p class="az-law-visual__mini-label">Design implication</p>
                                                            <p>This is the most structurally disruptive regulation in the series. It requires the product page to carry information that is actively against the commercial interest: the long-term cost of ownership, at the moment of purchase.</p>
                                                        </div>
                                                                                                    </section>
                                                                                                                                            <section class="az-law-visual__stage" aria-labelledby="reg-repair-stage-3">
                                                    <header class="az-law-visual__stage-head">
                                                                                                                    <p class="az-law-visual__stage-num">03</p>
                                                        
                                                                                                                    <h5 id="reg-repair-stage-3" class="az-law-visual__stage-title">Ownership</h5>
                                                        
                                                                                                                    <p class="az-law-visual__stage-panel-title">The post-purchase ecosystem — repair need building</p>
                                                                                                            </header>

                                                                                                            <ul class="az-law-visual__role-list">
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--cog">
                                                                                                                                            <strong>The maintaining owner</strong>
                                                                    
                                                                                                                                            <span>Caring for product, noticing wear or faults</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--emo">
                                                                                                                                            <strong>The invested owner</strong>
                                                                    
                                                                                                                                            <span>Attachment to product; preference for repair over replacement</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--com">
                                                                                                                                            <strong>The replacement-nudged consumer</strong>
                                                                    
                                                                                                                                            <span>Interface surfaces new products; repair path is not offered</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--absent">
                                                                                                                                            <strong>The repair-rights holder</strong>
                                                                    
                                                                                                                                            <span>Right to spare parts and repair information, no interface home</span>
                                                                    
                                                                                                                                            <span class="az-law-visual__role-badge">absent</span>
                                                                                                                                    </li>
                                                                                                                    </ul>
                                                    
                                                                                                            <div class="az-law-visual__stage-tension">
                                                            <p class="az-law-visual__mini-label">Why it matters</p>
                                                            <p>The consumer is in ownership mode. A fault develops. The current ecosystem offers no repair pathway. The interface was not designed to support post-purchase repair decisions. The path of least resistance is replacement.</p>
                                                        </div>
                                                    
                                                                                                            <div class="az-law-visual__stage-note">
                                                            <p class="az-law-visual__mini-label">Design implication</p>
                                                            <p>The Right to Repair creates an obligation during the ownership phase that has no current interface expression. The consumer's repair rights are invisible to the ecosystem.</p>
                                                        </div>
                                                                                                    </section>
                                                                                                                                            <section class="az-law-visual__stage az-law-visual__stage--law" aria-labelledby="reg-repair-stage-4">
                                                    <header class="az-law-visual__stage-head">
                                                                                                                    <p class="az-law-visual__stage-num">04</p>
                                                        
                                                                                                                    <h5 id="reg-repair-stage-4" class="az-law-visual__stage-title">Repair decision</h5>
                                                        
                                                                                                                    <p class="az-law-visual__stage-panel-title">A choice the interface must now support</p>
                                                                                                            </header>

                                                                                                            <ul class="az-law-visual__role-list">
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--cog">
                                                                                                                                            <strong>The repair-or-replace decision-maker</strong>
                                                                    
                                                                                                                                            <span>Weighing repair cost against replacement cost</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--emo">
                                                                                                                                            <strong>The cost-conscious owner</strong>
                                                                    
                                                                                                                                            <span>Financial and environmental consideration</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--tmp">
                                                                                                                                            <strong>The guarantee-extender</strong>
                                                                    
                                                                                                                                            <span>Repair under guarantee extends legal protection by one year</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--leg">
                                                                                                                                            <strong>The rights-exerciser</strong>
                                                                    
                                                                                                                                            <span>Spare parts must be available at reasonable price; repair cannot be blocked</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--absent">
                                                                                                                                            <strong>The independent repairer</strong>
                                                                    
                                                                                                                                            <span>Third-party repairers now have legal access, not yet integrated into ecommerce flows</span>
                                                                    
                                                                                                                                            <span class="az-law-visual__role-badge">absent</span>
                                                                                                                                    </li>
                                                                                                                    </ul>
                                                    
                                                                                                            <div class="az-law-visual__stage-tension">
                                                            <p class="az-law-visual__mini-label">Why it matters</p>
                                                            <p>The directive creates a new decision point the interface must support. The repair-or-replace choice is currently invisible. The commercial incentive is replacement. The legal obligation is to make repair the accessible option.</p>
                                                        </div>
                                                    
                                                                                                            <div class="az-law-visual__stage-note az-law-visual__stage-note--brlaw-colbr">
                                                            <p class="az-law-visual__mini-label">Design implication</p>
                                                            <p>A product repaired under warranty gains an additional year of legal guarantee. This changes the repair calculus, but only if the consumer knows it exists. The interface that surfaces this information at the repair decision moment is performing the directive's intent.</p>
                                                        </div>
                                                                                                    </section>
                                                                                    </div>
                                    </section>
                                
                                                                    <section class="az-law-visual__compare" aria-labelledby="reg-repair-compare">
                                        <h4 id="reg-repair-compare" class="az-law-visual__compare-title">What fails today and what must change</h4>

                                                                                    <div class="az-law-visual__compare-intro"><p>The repairability score is a legally mandated active artifact. Currently it does not exist as an interface node. When it does, it changes the nature of the product page, from a sales-only surface to a lifecycle interface that must support both acquisition and long-term ownership.</p>
</div>
                                        
                                                                                    <div class="az-law-visual__state-list">
                                                                                                                                                        <section class="az-law-visual__state az-law-visual__state--fail">
                                                        <h5 class="az-law-visual__state-label">Current interface</h5>

                                                                                                                    <div class="az-law-visual__state-body"><p>The product page is a sales endpoint. No repairability information, no spare parts access, and no repair pathway. The ecosystem is optimised for purchase. The Right to Repair has no active artifact here.</p>
</div>
                                                                                                            </section>
                                                                                                                                                        <section class="az-law-visual__state az-law-visual__state--pass">
                                                        <h5 class="az-law-visual__state-label">Required interface</h5>

                                                                                                                    <div class="az-law-visual__state-body"><p>The product page now carries lifecycle information. Repairability score, spare parts availability, and repair pathway are visible at point of purchase. The consumer can evaluate the long-term cost of ownership before buying.</p>
</div>
                                                                                                            </section>
                                                                                            </div>
                                                                            </section>
                                
                                                                    <section class="az-law-visual__artifact">
                                        <h4 class="az-law-visual__artifact-label">Required UI pattern</h4>
                                        <div class="az-law-visual__artifact-body"><p>The repairability score is a legal actor before purchase and after. It changes the product decision at point of sale, and it anchors the repair infrastructure that must remain accessible for the product's lifetime. The commercial incentive is replacement. The legal obligation is repair.</p>
</div>
                                    </section>
                                
                                                                    <figure class="az-law-visual__quote">
                                                                                    <figcaption>Legal source: Directive 2024/1799 · Article 5</figcaption>
                                                                                <blockquote><p>Manufacturers shall provide information concerning spare parts and repair on their website, make them available at a reasonable price, and shall not use hardware or software techniques that impede repair.</p>
</blockquote>
                                    </figure>
                                                            </div>
                        </details>
                                                                    <details id="reg-age" class="az-law-visual__reg-card" data-az-law-card aria-labelledby="reg-age-summary-title">
                            <summary class="az-law-visual__card-summary">
                                <span class="az-law-visual__card-top">
                                    <span class="az-law-visual__card-num" aria-hidden="true">04</span>
                                    <span class="az-law-visual__card-heading">
                                        <span id="reg-age-summary-title" class="az-law-visual__card-title" role="heading" aria-level="3">Verify age without turning checkout into surveillance</span>
                                                                                    <span class="az-law-visual__card-subhead">Age checks need a coherent, privacy-preserving gate despite fragmented EU and national rules.</span>
                                                                            </span>
                                </span>

                                <span class="az-law-visual__facts" role="list">
                                    <span class="az-law-visual__fact" role="listitem">
                                        <span class="az-law-visual__fact-label">What changed</span>
                                        <span class="az-law-visual__fact-value">Age assurance is moving toward privacy-preserving, interoperable proof rather than broad identity collection.</span>
                                    </span>
                                    <span class="az-law-visual__fact" role="listitem">
                                        <span class="az-law-visual__fact-label">Where in the journey</span>
                                        <span class="az-law-visual__fact-value">Cart, checkout, verification step, with earlier restriction cues.</span>
                                    </span>
                                    <span class="az-law-visual__fact" role="listitem">
                                        <span class="az-law-visual__fact-label">Required UI</span>
                                        <span class="az-law-visual__fact-value">Minimal-data age proof, clear reason, early warning, and a fallback that avoids over-collection.</span>
                                    </span>
                                    <span class="az-law-visual__fact" role="listitem">
                                        <span class="az-law-visual__fact-label">Failure risk</span>
                                        <span class="az-law-visual__fact-value">Document upload harvests data; date-of-birth fields are weak; both create legal and abandonment risk.</span>
                                    </span>
                                </span>

                                <span class="az-law-visual__disclosure-text" aria-hidden="true">
                                    <span class="az-law-visual__disclosure-open">Open legal detail</span>
                                    <span class="az-law-visual__disclosure-close">Close legal detail</span>
                                </span>
                            </summary>

                            <div class="az-law-visual__detail">
                                <header class="az-law-visual__detail-head">
                                    <p class="az-law-visual__detail-kicker">Legal detail</p>

                                                                            <h3 class="az-law-visual__reg-title">
                                            The fragmented                                                                                            <em> gate</em>
                                                                                    </h3>
                                    
                                                                            <p class="az-law-visual__reg-tag">⚖ DSA 2022/2065 · EU Digital Identity Wallet · national law variations</p>
                                    
                                                                            <div class="az-law-visual__reg-lede"><p>Age-restricted products online are governed by a patchwork of national laws, platform rules, and product-category regulations. There is no single EU standard. The result is a fragmented legal node that arrives at the moment of highest purchase intent and currently resolves into either a privacy violation or a dark pattern.</p>
</div>
                                                                    </header>

                                                                    <section class="az-law-visual__journey" aria-labelledby="reg-age-journey-title">
                                        <h4 id="reg-age-journey-title" class="az-law-visual__section-title">Journey details</h4>
                                        <div class="az-law-visual__stages">
                                                                                                                                            <section class="az-law-visual__stage" aria-labelledby="reg-age-stage-1">
                                                    <header class="az-law-visual__stage-head">
                                                                                                                    <p class="az-law-visual__stage-num">01</p>
                                                        
                                                                                                                    <h5 id="reg-age-stage-1" class="az-law-visual__stage-title">Browse</h5>
                                                        
                                                                                                                    <p class="az-law-visual__stage-panel-title">Pre-restriction — ecosystem unaware</p>
                                                                                                            </header>

                                                                                                            <ul class="az-law-visual__role-list">
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--cog">
                                                                                                                                            <strong>The intentional browser</strong>
                                                                    
                                                                                                                                            <span>Scanning products, building intent</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--emo">
                                                                                                                                            <strong>The aspirational self</strong>
                                                                    
                                                                                                                                            <span>Desire-led engagement</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--com">
                                                                                                                                            <strong>The market participant</strong>
                                                                    
                                                                                                                                            <span>Responding to commercial signals</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--absent">
                                                                                                                                            <strong>The age-restricted buyer</strong>
                                                                    
                                                                                                                                            <span>Product category triggers verification requirement</span>
                                                                    
                                                                                                                                            <span class="az-law-visual__role-badge">absent</span>
                                                                                                                                    </li>
                                                                                                                    </ul>
                                                    
                                                                                                            <div class="az-law-visual__stage-tension">
                                                            <p class="az-law-visual__mini-label">Why it matters</p>
                                                            <p>The consumer is browsing without awareness that an age restriction will interrupt the journey. The legal node does not yet exist in the ecosystem. It will arrive at the worst possible moment.</p>
                                                        </div>
                                                    
                                                                                                            <div class="az-law-visual__stage-note">
                                                            <p class="az-law-visual__mini-label">Design implication</p>
                                                            <p>The design question begins here: when should the restriction become visible? Surfacing it early reduces checkout friction, but also introduces a gate before the consumer has committed.</p>
                                                        </div>
                                                                                                    </section>
                                                                                                                                            <section class="az-law-visual__stage az-law-visual__stage--law" aria-labelledby="reg-age-stage-2">
                                                    <header class="az-law-visual__stage-head">
                                                                                                                    <p class="az-law-visual__stage-num">02</p>
                                                        
                                                                                                                    <h5 id="reg-age-stage-2" class="az-law-visual__stage-title">Cart / Checkout</h5>
                                                        
                                                                                                                    <p class="az-law-visual__stage-panel-title">The legal node arrives at maximum purchase intent</p>
                                                                                                            </header>

                                                                                                            <ul class="az-law-visual__role-list">
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--cog">
                                                                                                                                            <strong>The completing agent</strong>
                                                                    
                                                                                                                                            <span>Focused entirely on transaction completion</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--emo">
                                                                                                                                            <strong>The completion-seeker</strong>
                                                                    
                                                                                                                                            <span>Friction is acutely felt; abandonment risk high</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--com">
                                                                                                                                            <strong>The converting customer</strong>
                                                                    
                                                                                                                                            <span>Interface optimised to reach payment confirmation</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--leg">
                                                                                                                                            <strong>The age-verifier</strong>
                                                                    
                                                                                                                                            <span>Verification required, but method is undefined by any single EU standard</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--absent">
                                                                                                                                            <strong>The privacy-holder</strong>
                                                                    
                                                                                                                                            <span>Consumer wary of data collection during verification</span>
                                                                    
                                                                                                                                            <span class="az-law-visual__role-badge">absent</span>
                                                                                                                                    </li>
                                                                                                                    </ul>
                                                    
                                                                                                            <div class="az-law-visual__stage-tension">
                                                            <p class="az-law-visual__mini-label">Why it matters</p>
                                                            <p>The legal node arrives at the moment of highest purchase intent. Cognitive archetype: completion-focused. Emotional archetype: friction-averse. Any method that introduces steps, requests documents, or requires account creation will generate abandonment. The commercial and legal archetypes are in direct opposition.</p>
                                                        </div>
                                                    
                                                                                                            <div class="az-law-visual__stage-note az-law-visual__stage-note--brlaw-colbr">
                                                            <p class="az-law-visual__mini-label">Design implication</p>
                                                            <p>No single EU standard governs this moment. National laws vary by product category. The interface must resolve a legally fragmented requirement with a coherent user experience.</p>
                                                        </div>
                                                                                                    </section>
                                                                                                                                            <section class="az-law-visual__stage az-law-visual__stage--law" aria-labelledby="reg-age-stage-3">
                                                    <header class="az-law-visual__stage-head">
                                                                                                                    <p class="az-law-visual__stage-num">03</p>
                                                        
                                                                                                                    <h5 id="reg-age-stage-3" class="az-law-visual__stage-title">Verification</h5>
                                                        
                                                                                                                    <p class="az-law-visual__stage-panel-title">The verification method determines everything</p>
                                                                                                            </header>

                                                                                                            <ul class="az-law-visual__role-list">
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--cog">
                                                                                                                                            <strong>The interrupted agent</strong>
                                                                    
                                                                                                                                            <span>Task switched from purchase to identity; cognitive cost is high</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--emo">
                                                                                                                                            <strong>The surveilled self</strong>
                                                                    
                                                                                                                                            <span>Verification often reads as data collection, not protection</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--com">
                                                                                                                                            <strong>The friction interface</strong>
                                                                    
                                                                                                                                            <span>Document upload, date of birth entry, account creation, all increase abandonment</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--leg">
                                                                                                                                            <strong>The identity-holder</strong>
                                                                    
                                                                                                                                            <span>Must prove age; method varies wildly by platform and market</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--absent">
                                                                                                                                            <strong>The autonomic user</strong>
                                                                    
                                                                                                                                            <span>EU Digital Identity Wallet: age confirmed without data shared, not yet available everywhere</span>
                                                                    
                                                                                                                                            <span class="az-law-visual__role-badge">absent</span>
                                                                                                                                    </li>
                                                                                                                    </ul>
                                                    
                                                                                                            <div class="az-law-visual__stage-tension">
                                                            <p class="az-law-visual__mini-label">Why it matters</p>
                                                            <p>The verification method is the design. A document upload harvests data and introduces maximum friction. A date-of-birth field is bypassable and legally inadequate. The EU Digital Identity Wallet offers a third path: cryptographic age confirmation with no data transfer. But this infrastructure is not yet uniformly available.</p>
                                                        </div>
                                                    
                                                                                                            <div class="az-law-visual__stage-note az-law-visual__stage-note--brlaw-colbr">
                                                            <p class="az-law-visual__mini-label">Design implication</p>
                                                            <p>The autonomic user archetype is active here. When the Digital Identity Wallet verifies age automatically, the consumer and the verification system become indistinguishable, a single node within the ecosystem.</p>
                                                        </div>
                                                                                                    </section>
                                                                                                                                            <section class="az-law-visual__stage" aria-labelledby="reg-age-stage-4">
                                                    <header class="az-law-visual__stage-head">
                                                                                                                    <p class="az-law-visual__stage-num">04</p>
                                                        
                                                                                                                    <h5 id="reg-age-stage-4" class="az-law-visual__stage-title">Purchase confirmed</h5>
                                                        
                                                                                                                    <p class="az-law-visual__stage-panel-title">Verification resolved — ecosystem resumes</p>
                                                                                                            </header>

                                                                                                            <ul class="az-law-visual__role-list">
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--cog">
                                                                                                                                            <strong>The completing agent</strong>
                                                                    
                                                                                                                                            <span>Transaction resumes; verification step complete</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--emo">
                                                                                                                                            <strong>The relieved consumer</strong>
                                                                    
                                                                                                                                            <span>Friction resolved; purchase intent recovers</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--com">
                                                                                                                                            <strong>The converted customer</strong>
                                                                    
                                                                                                                                            <span>Purchase complete, if abandonment did not occur</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                                                                                            <li class="az-law-visual__role az-law-visual__role--leg">
                                                                                                                                            <strong>The verified buyer</strong>
                                                                    
                                                                                                                                            <span>Age confirmed; legal obligation met for this transaction</span>
                                                                    
                                                                                                                                    </li>
                                                                                                                    </ul>
                                                    
                                                                                                            <div class="az-law-visual__stage-tension">
                                                            <p class="az-law-visual__mini-label">Why it matters</p>
                                                            <p>If verification was smooth and privacy-preserving, the ecosystem recovers. If it required document upload or account creation, a significant share of consumers abandoned at the previous stage and never reach here.</p>
                                                        </div>
                                                    
                                                                                                            <div class="az-law-visual__stage-note">
                                                            <p class="az-law-visual__mini-label">Design implication</p>
                                                            <p>The design outcome is measured at this stage. The method that minimises the distance between the legal requirement and purchase completion, in effort, time, and privacy cost, is the ecosystem-aware solution.</p>
                                                        </div>
                                                                                                    </section>
                                                                                    </div>
                                    </section>
                                
                                                                    <section class="az-law-visual__compare" aria-labelledby="reg-age-compare">
                                        <h4 id="reg-age-compare" class="az-law-visual__compare-title">What fails today and what must change</h4>

                                                                                    <div class="az-law-visual__compare-intro"><p>The age verification mechanism is an active artifact with two possible natures. Currently it is either a data-harvesting gate or a bypassable checkbox. The EU Digital Identity Wallet proposes a third state: a privacy-preserving signal that confirms age without revealing it.</p>
</div>
                                        
                                                                                    <div class="az-law-visual__state-list">
                                                                                                                                                        <section class="az-law-visual__state az-law-visual__state--fail-age">
                                                        <h5 class="az-law-visual__state-label">Current interface</h5>

                                                                                                                    <div class="az-law-visual__state-body"><p>The current dominant pattern is either document upload or a date-of-birth field. The first harvests personal data and introduces maximum friction. The second is trivially bypassable and legally inadequate. Both fail on privacy, friction, or legal certainty.</p>
</div>
                                                                                                            </section>
                                                                                                                                                        <section class="az-law-visual__state az-law-visual__state--pass-age">
                                                        <h5 class="az-law-visual__state-label">Required interface</h5>

                                                                                                                    <div class="az-law-visual__state-body"><p>EU Digital Identity Wallet: confirm age, share nothing. A cryptographic proof that the consumer is over 18, without revealing date of birth, name, or other personal data. Low friction, low privacy cost, and high legal certainty.</p>
</div>
                                                                                                            </section>
                                                                                            </div>
                                                                            </section>
                                
                                                                    <section class="az-law-visual__artifact">
                                        <h4 class="az-law-visual__artifact-label">Required UI pattern</h4>
                                        <div class="az-law-visual__artifact-body"><p>Youngblood and Chesluk's concept of the autonomic user, where technology and user become a single whole, is most visible here. When the EU Digital Identity Wallet verifies age automatically and privately, the user does not perform verification. The ecosystem performs it.</p>
</div>
                                    </section>
                                
                                                                    <figure class="az-law-visual__quote">
                                                                                    <figcaption>Legal source: European Commission · Age Verification Blueprint, 2025</figcaption>
                                                                                <blockquote><p>The EU age verification initiative aims to allow EU users to prove they are old enough to access age-restricted content without sharing any other personal information, privacy-preserving and interoperable with EU Digital Identity Wallets.</p>
</blockquote>
                                    </figure>
                                                            </div>
                        </details>
                                    </div>
            </article>
        </div>
        </p>
<p>        <section class="az-editorial-pathway" aria-labelledby="from-observation-to-method">
                            <h2 id="from-observation-to-method" class="az-editorial-pathway__title">
                    From observation to method                </h2>
            
                            <div class="az-editorial-pathway__intro">
                    <p>This piece shows how legal pressure surfaces as distributed ecosystem strain. Signal-Driven Discovery turns that kind of pressure into a method for deciding what deserves interpretation, probing, and action.</p>
                </div>
            
            <ul class="az-editorial-pathway__list">
                                                        <li class="az-editorial-pathway__item">
                                                    <p class="az-editorial-pathway__type">Working Framework</p>
                        
                        <p class="az-editorial-pathway__link">
                            <a href="https://alessandrozulberti.com/working-framework/signal-driven-discovery/">
                                Signal-Driven Discovery                            </a>
                        </p>

                                                    <p class="az-editorial-pathway__summary">A method page for reading weak signals, testing interpretation, and turning research into decisions.</p>
                                            </li>
                            </ul>
        </section>
        </p>
<p>The post <a href="https://alessandrozulberti.com/field-note/eu-consumer-law-and-ux-the-consumer-as-ecosystem/">EU Consumer Law and UX: The Consumer as Ecosystem</a> appeared first on <a href="https://alessandrozulberti.com">Alessandro Zulberti</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
