← Back to Portfolio
Gimli's Working
Prototype — Iteration 12
Mithril Consulting | Client: Ticketmaster Agent: Gimli (Lead Builder)
Slogan: "If it doesn't work, it isn't finished." Date: 28 April
2026 Note: Extends the Iteration 11 prototype with the Octalysis Fan
Loyalty Engine. Same standalone HTML file, same starting point, four new
screens, one new bottom-nav tab, and every gamification mechanic in §10
of Galadriel's Octalysis Design Rationale built as working interactive
UI.
1. HANDOFF ACKNOWLEDGMENT
I received Galadriel's Iteration 12 Design Specification, approved by
Aragorn at Review 2 with one binding instruction: "the Octalysis
Design Rationale table in §10 is your contract — every gamification
mechanic in the prototype must trace back to a row in that
table."
I started from the Iteration 11 prototype HTML file
(Output/Iteration 11/HTML Demo/Ticketmaster_Prototype_Iteration11.html)
and extended it. I did not rebuild from scratch. The Iteration 11
prototype was sound; the work for Iteration 12 was additive.
What shaped the build most:
The 13-row Octalysis Design Rationale table is the build
manifest. Every gamification mechanic I built corresponds to a
specific row. The Fan Status badge, the commemorative ticket artefact,
the setlist wishlist, the mood input, the share action — all working
interactive UI, not static placeholders.
CD8 (Loss Avoidance) is used in zero design
concepts. I held the line. There is no "you're about to lose
your streak / status / saved event" copy anywhere in the prototype. Even
illustratively. Even in placeholder text. The lapsed-fan welcome-back
card uses welcome language only.
The Fan Presale countdown is real. It actually
ticks down in real time (1 second per second). The eligibility ("You've
seen Hozier 3 times") corresponds to the demo user's attendance history
shown in the Fan Profile (3 Hozier shows in the My Shows list). No
mocked countdown that does not expire; no mocked eligibility that is not
consistent with the prototype's own data.
Every personalised surface carries (a) "Why am I seeing
this?" and (b) the EU AI Act Art. 50 disclosure. The four Home
sections each have a "why?" affordance opening a plain-language
explanation of the personalisation logic (and what data is not
used). The Pre-Event Hub, Fan Presale, and Show Memory all carry Art. 50
disclosure copy.
The Show Memory mood input is private by
default. Selecting a star marks the memory privately to the Fan
Profile with a clear "Saved privately" confirmation. There is no
telemetry to artist or venue without an explicit opt-in.
Design ambiguities I resolved:
- Galadriel specified four sections in the Fan Profile (My Shows, My
Status, My Artefacts, Privacy & Data). I built all four as
collapsible sections with My Status open by default (it is the most
identity-affirming surface) and the others tap-to-expand.
- Tier thresholds are illustrative per Galadriel's flexible-areas note
(Newcomer 0–1, Regular 2–5, Devoted 6–14, Lifer 15+/50 lifetime).
- The Pre-Event Hub content drops are 3 placeholders (rehearsal
photos, live recording, mystery support act) per Galadriel's flexibility
on drop count.
- Setlist wishlist is built as basic add/remove with 5 tracks per
artist — sufficient for prototype demonstration; full personalised
setlist generation is deferred.
- Multi-year Year in Live is shown as two artefact cards (2025 and
2026) in the Fan Profile rather than a multi-year UI; both open the
existing Year in Live overlay.
2. WHAT WAS BUILT
Iteration 11 baseline
(preserved unchanged)
All 10 Iteration 11 screens are preserved and working:
- Home, Event Detail, Seat Selection, Queue Experience, Payment,
Confirmation, ARIA Assistant, My Tickets, Year in Live, Onboarding
(4-step), Search
Iteration 12 additions
Three new full screens:
Fan Presale (G2) —
screen-presale
- Hero image of the artist
- Verified eligibility card ("You've seen Hozier 3 times. You qualify
for the Fan Presale.")
- Real ticking countdown (days, hours, minutes, seconds)
- Absolute date/time display ("Tuesday 5 May 09:00 IST") —
accessibility for users who cannot read relative-time animations
- "Set reminder" + "How does Fan Presale work?" actions
- EU AI Act Art. 50 disclosure with a plain-language eligibility
explanation
Pre-Event Hub (G5) —
screen-preevent
- Five hub cards, each labelled with its activated Octalysis Core
Drive (CD2/CD3/CD5/CD7) and journey phase
- Setlist wishlist (CD3): tap-to-toggle 5 tracks; visual confirmation
when added
- Venue & logistics (CD2): doors, transport, accessibility
- Friends going (CD5): opt-in social tile + open group chat with
ARIA
- Content drops (CD7 used as delight): 3 placeholder drops including a
mystery support act
- Invite-a-friend (CD5): Ticket Fairy-style referral framed as
recognition, not discount
Show Memory (G7) —
screen-showmemory
- Commemorative ticket artefact with "ATTENDED" stamp, attendee name,
tier line
- Mood input: 5-star private rating with "Saved privately"
confirmation
- Friends-who-were-there list (opt-in)
- 2 personalised "you might love" recommendations
- Tasteful "Share your night" action
- Footer reminder that memories live in the Fan Profile
One screen materially extended (Profile → Fan
Profile):
The existing Profile screen has been replaced with the Fan
Profile:
- Fan-profile hero with avatar, name, tagline, tier badge ("Devoted ·
8 shows this year · 23 lifetime")
- Four collapsible sections:
- My Status (open by default): the four-tier table
(Newcomer / Regular / Devoted / Lifer) with "You are here" highlighted
and a "How do tiers work?" link opening a transparent explanation
- My Shows: 4 past shows, each tap-able to open Show
Memory
- My Artefacts: 5 artefacts (1st show, 3Arena
regular, Hozier x3, Year in Live 2025, Year in Live 2026)
- Privacy & Data: 4 granular toggles, export-data
link, delete-fan-history action; explicit prohibition of vulnerability
targeting in the footer copy
- Restart Onboarding, Help, Sign Out preserved at the bottom
Six existing surfaces refined:
- Home (Screen 1): Reorganised into the four G1
sections (Because you went to Hozier / Friends are
going / Fits your fan profile / New in Dublin),
each with a "why?" affordance opening a plain-language explanation. The
header now shows the user's tier badge ("Devoted · 8") tappable to open
the Fan Profile.
- Event Detail (Screen 2): Adds a Fan Presale banner
that appears for artists in the user's verified fan history (Hozier in
this prototype), routing to the Fan Presale screen.
- Confirmation (Screen 6): Adds tier micro-feedback
("Show #9 this year · Devoted · Keep going to Lifer at 15 shows") and a
"Save commemorative ticket" action.
- My Tickets — Upcoming (Screen 8): Adds the
lapsed-fan welcome-back card (G8 — White Hat only, no loss-avoidance
copy) and a "Pre-Event Hub" button on the Hozier ticket alongside the QR
action.
- My Tickets — Past (Screen 8): Each past show tile
is now tap-able to open its Show Memory.
- Bottom navigation: Profile is now the fifth tab;
consistent across all five base screens (Home, Search, My Tickets, ARIA,
Profile).
One new modal type:
- "Why am I seeing this?" modal: Four pre-written
explanations for the Home sections plus explanations for Fan Presale
eligibility, tier mechanics, and data export. All reusable.
AI Features
The Iteration 11 AI features are preserved and one new feature is
added:
- Personalised Recommendation Engine (Recommender System) —
preserved
- Fair Price Indicator (Intelligent Agent) — preserved
- ARIA (Chatbot/Intelligent Agent hybrid) — preserved + now opens from
the Pre-Event Hub group chat tile
- Social Discovery & Year in Live Engine (Recommender System) —
preserved
- Fan Loyalty Engine (Recommender System + Intelligent
Agent) — NEW. Maintains the Fan Profile, drives the four G1
personalised Home sections, surfaces Fan Presale eligibility, generates
Show Memory recommendations, and produces the Year in Live
retrospective. Every surface carries Art. 50 disclosure and a "Why?"
affordance.
3. HOW TO DEMO IT
Open HTML Demo/Ticketmaster_Prototype_Iteration12.html
in any modern browser. The info panel sits on the left with six journey
buttons; the phone frame sits on the right.
Demo
Journey 1: Fan Loyalty Engine (G1, G2, G8) — the Iteration 12
headline journey
- Click "Fan Loyalty Engine" in the info panel (or
tap Profile in bottom nav).
- Fan Profile screen loads. Note the tier badge
("Devoted") at the top right of the Home screen header — this is the
recognition layer surfaced everywhere. The Fan Profile shows tier
ladder, with "You are here" highlighted at Devoted.
- Tap "How do tiers work?" — modal opens explaining
the four tiers, the "status is gained, never lost" rule, and what
unlocks at each tier. This is the EU AI Act Art. 50 transparency surface
for the loyalty engine.
- Tap "My Shows" to expand — see attendance history;
each show is tap-able to open Show Memory.
- Tap "My Artefacts" to expand — see commemorative
collection.
- Tap "Privacy & Data" to expand — see granular
toggles. The footer states explicitly: "The Fan Loyalty Engine never
targets vulnerability."
- Go to Home (bottom nav). Tap any "why?" link next
to a section header — modal explains the personalisation logic and
(importantly) what data is not used.
- Tap "Hozier" event card. Note the new Fan
Presale banner below the price card. Tap it to open the Fan
Presale screen.
- Fan Presale screen. Note the verified-eligibility
card and the real ticking countdown (it actually counts
down 1 second per second). The Iteration 12 message: scarcity used
truthfully, never manufactured.
- Go back to My Tickets → Upcoming. Note the
welcome-back card at the top ("We've missed you") —
White Hat only, no loss-avoidance language anywhere.
Demo Journey 2: Pre-Event Hub
(G5)
- Click "Pre-Event Hub" in the info panel (or My
Tickets → Upcoming → tap "Pre-Event Hub" on the Hozier ticket).
- Pre-Event Hub loads. Five hub cards, each labelled
with its Core Drive (CD2/CD3/CD5/CD7) and journey phase.
- Tap setlist tracks to add/remove from your
wishlist. The toggle is visual, immediate, and visible only to you.
- Tap "Open group chat with ARIA" — opens ARIA in
conversational mode (CD5 social).
- Tap "Share invite link" — Ticket Fairy-style
referral framed as recognition, not discount.
Demo Journey 3: Show Memory
(G7)
- Click "Show Memory" in the info panel (or My
Tickets → Past → tap any past show).
- Show Memory loads. Commemorative ticket artefact
with "ATTENDED" stamp at the top.
- Tap a star — the mood is recorded with "Saved
privately to your fan profile." No telemetry without consent.
- Tap a recommendation — opens the recommended event
detail.
- Tap "Share your night" — tasteful, branded share
confirmation.
Demo
Journey 4: Discovery to Purchase (Iteration 11 baseline + Iteration 12
confirmation enhancements)
- Click "Discovery to Purchase" — opens the Hozier
event detail.
- Walk through the existing Iteration 11 flow: tap Fair Price badge
for tooltip → Find Tickets → select a section → Skip Queue (Demo) →
Pay.
- On Confirmation: note the tier micro-feedback
("Show #9 · Devoted · Keep going to Lifer at 15") and the new
"Save commemorative ticket" action.
Demo
Journey 5: ARIA Support and Year in Live (Iteration 11 baseline)
- Click "ARIA Assistant" — chat with ARIA, try the
quick-action chips, escalate to a human.
- Click "Year in Live" — opens My Tickets → tap "Your
Year in Live 2026" or open from Fan Profile → My Artefacts.
4. BUILD MANIFEST
BUILT TO SPEC
- Fan Profile screen with all four collapsible sections (My Status, My
Shows, My Artefacts, Privacy & Data)
- Fan Status ladder (4 tiers) with "You are here" highlighting and
"How do tiers work?" explainer modal
- Fan Presale screen (G2) with real ticking countdown and verified
eligibility
- Pre-Event Hub (G5) with five hub cards labelled with their Core
Drives
- Setlist wishlist with tap-to-toggle interaction
- Show Memory (G7) with commemorative ticket artefact and private mood
input
- Mood input that registers a star rating and confirms private
save
- Commemorative ticket artefact with "ATTENDED" stamp, attendee name,
tier line
- Lapsed-fan welcome-back card (G8) — White Hat only, no
loss-avoidance copy
- Tier micro-feedback on Confirmation
- Tier badge component used across Home header, Confirmation, My
Tickets, Fan Profile, Show Memory
- "Why am I seeing this?" affordance on each of the four G1 Home
sections
- "Why am I seeing this?" modal with four explanation cards
- EU AI Act Art. 50 disclosure on every personalised surface
- Profile tab as fifth bottom-nav item, consistent across all five
base screens
- Privacy & Data section with four granular toggles, export-data
link, and delete-fan-history action
- All Iteration 11 features preserved and working
SIMPLIFIED
- Pre-event content drops: 3 placeholder cards rather
than a full content programme (per Galadriel's flexibility note).
- Setlist wishlist: basic add/remove with 5 tracks
rather than a full personalised setlist generator (per flexibility
note).
- Multi-year Year in Live: shown as two artefact
tiles in the Fan Profile (2025 and 2026) rather than a multi-year
archive UI; both open the same Year in Live overlay.
- Friends-going on Pre-Event Hub: 2 sample friends
rather than a live friend matching feed.
- Tier thresholds: illustrative numbers (0–1 / 2–5 /
6–14 / 15+/50 lifetime) per Galadriel's flexibility note.
- Group chat with ARIA from Pre-Event Hub: opens ARIA
in standard mode (the prototype does not implement a dedicated
group-chat mode).
DEFERRED
- Live referral tracking and reward delivery for the
invite-a-friend mechanic — the prototype shows the share-link UI;
production would require referral attribution backend.
- Show Memory share-card image generation — the
prototype shows a confirmation message; production would generate an
actual branded image.
- Fan Presale eligibility for artists other than
Hozier — only Hozier triggers the Fan Presale banner in the
prototype (consistent with the demo user's attendance history).
- Lapsed-fan personalised welcome-back
recommendations — the welcome-back card uses generic copy;
production would dynamically populate "three artists you've
followed."
5. KNOWN LIMITATIONS
- All AI is simulated. No live model calls.
Recommendations are pre-set; ARIA responses are scripted; the
recommender does not actually learn.
- The Fan Profile data is hard-coded for the demo
user "Sarah O'Brien" with the attendance history shown in My Shows. A
real implementation would read from a customer attendance graph.
- Tier transitions are not animated — the tier badge
does not animate from one tier to the next. The current tier is
displayed; the user understands their tier from the visual.
- Privacy toggles do not persist across page reloads
— toggling them on/off works for the session, but reloading the page
resets to the default state. A real implementation would persist
state.
- The presale countdown resets on page reload. It
ticks accurately during a session.
- The commemorative ticket cannot actually be saved or shared
as an image file — it is a styled card that can be navigated to
and from. The "Save" and "Share" actions show confirmation dialogs.
- Setlist wishlist does not persist across page
reloads — added tracks reset on refresh.
- No offline mode. The prototype requires an internet
connection for the Lucide icon CDN and the Unsplash event images.
- Browser compatibility: built and tested for modern
Chromium-based browsers, Firefox, and Safari. Internet Explorer is not
supported.
─── HANDOFF TO ARAGORN FOR REVIEW ─── Agent: Gimli
(Builder) Passing to: Aragorn (Managing Consultant) for
Review 3 / quality gate What was built: The Iteration
11 prototype extended with the Octalysis Fan Loyalty Engine: a Fan
Profile screen with four collapsible sections (My Status, My Shows, My
Artefacts, Privacy & Data), a Fan Presale screen (G2) with a real
ticking countdown, a Pre-Event Hub (G5) with five Core-Drive-labelled
hub cards, a Show Memory screen (G7) with a commemorative ticket
artefact and private mood input, plus tier micro-feedback on
Confirmation, a lapsed-fan welcome-back card on My Tickets (G8), the
four G1 Home sections each with a "Why am I seeing this?" affordance,
and a tier badge component used across the app. CD8 (Loss Avoidance) is
used in zero design concepts. The Fan Presale countdown is real and the
eligibility is consistent with the prototype's attendance data.
Key flows a reviewer can test:
- Profile → tap "How do tiers work?" → see the transparent tier
explainer
- Home → tap any "why?" affordance → see the personalisation
explanation
- Home → tap Hozier → see Fan Presale banner → tap → countdown ticks
in real time
- My Tickets → Upcoming → see welcome-back card; tap "Pre-Event
Hub"
- My Tickets → Past → tap any show → Show Memory → tap a star → "Saved
privately"
- Discovery → buy a ticket → see tier micro-feedback + "Save
commemorative ticket"
Build Manifest summary: 14 items built to spec, 6
simplified (within Galadriel's flexible areas), 4 deferred
(production-only features clearly documented).
What Pippin should highlight:
- The Fan Profile is the consolidating product surface that addresses
Problem 10 (transactional architecture). It is the headline of Iteration
12.
- "Status is gained, never lost" is the binding ethical promise. Every
piece of communication should reinforce it.
- The Show Memory mood input being private by default, the Fan Presale
countdown being real, and the welcome-back card containing zero
loss-avoidance copy are the three trust-restoring proof points.
- The "Why am I seeing this?" affordance on every personalised surface
is the EU AI Act Art. 50 compliance moment made tangible.
What Pippin should avoid or caveat:
- Do not describe the Fan Loyalty Engine as a "points programme" or
"rewards programme." It is a recognition architecture. Tier benefits are
framed as recognition, not purchase incentives.
- Do not suggest the prototype's referral mechanic produces discounts.
It produces recognition (a Fan Profile thank-you), not a price
reduction.
- The Show Memory mood input is private by default — never frame it as
public-by-default in marketing copy.
- The welcome-back card uses welcome language only — never re-cast it
as a "your status is at risk" mechanic in messaging.
Ready for review: YES
Last edited: 29 April 2026