Scroll-driven comics, infinite-canvas builders, and mental health UI frameworks all share one signal: design decisions need measurable outcomes, not just aesthetic intent.
Three design stories dropped this week that, on the surface, have nothing to do with each other: a WebGL-powered scroll comic, a UX framework for mental health apps, and a freeform WordPress builder with an infinite canvas. Read them separately and you get three interesting craft pieces. Read them together and a pattern emerges — one that should concern anyone responsible for measurement, not just the design team.
The pattern: teams are making increasingly ambitious UI decisions without a corresponding investment in knowing whether those decisions work.
When Delight Becomes a Black Box
Codrops published the making-of for Ten Years Away, an anniversary interactive comic built by Studio375 using scroll-driven animations and WebGL. It is genuinely impressive — a print concept reimagined as a browser-native experience with parallax depth and frame-by-frame scroll control. But here is the tracking problem buried inside every project like this: scroll-driven, canvas-rendered, and WebGL experiences are notoriously hard to instrument.
Standard pageview and click-event logic breaks down when your content is a single-page scroll journey rendered on a GPU canvas. Scroll depth milestones require custom event architecture. Engagement time metrics get distorted. If you shipped something like this for a brand campaign in Southeast Asia — where mobile data constraints mean users may bail mid-scroll on a 4G connection — you would need a purpose-built data layer to distinguish “user left because the experience was laggy” from “user left because the story didn’t land.” Without that, you are flying blind and calling it creative.
The fix is not to avoid ambitious UI. It is to define your measurement contract before the first line of WebGL code is written.
The Framework Mental Health Apps Got Right (That Everyone Else Ignores)
Smashing Magazine’s Kat Homan makes a case that UI trend-chasing actively harms mental health app users — and the argument is sharper than it sounds. High-contrast gradients, haptic-heavy micro-interactions, and dark-mode-as-default are designed to signal modernity and capture attention. For a fintech app or an e-commerce checkout, that trade-off might be acceptable. For someone opening a mental health app during a crisis, cognitive load is not a UX metric — it is a clinical variable.
Homan introduces an evaluation framework that asks designers to audit each UI pattern against the app’s primary goal: does this reduce strain, build trust, and create a sense of refuge — or does it just look good in a Dribbble shot?
This is actually a rigorous measurement argument wearing design language. The framework forces teams to pre-define success criteria for visual decisions, which is exactly what most marketing UI ships without. In Southeast Asian markets, where LINE and Grab have set strong UX conventions for what “trustworthy” looks like on mobile, a mental-health-style restraint framework would transfer directly to categories like insurance, banking, and telecoms — verticals where users are anxious by default and every friction point costs conversions.
Infinite Canvas, Finite Accountability
Kirki, covered in depth by Smashing Magazine’s Zareen Tasnim, positions itself as WordPress’s first freeform visual builder with an infinite canvas — no predefined grid, no plugin dependencies, full spatial freedom. The pitch is compelling for creative teams who have spent years fighting page builder constraints. Cleaner performance output and a lighter codebase are legitimate advantages worth evaluating.
But infinite canvas tooling has a known failure mode that the WordPress ecosystem keeps rediscovering: creative freedom without structural guardrails produces layouts that are unmeasurable at scale. When every page is a bespoke spatial composition, you lose the repeatable element structure that makes A/B testing meaningful. You cannot run a reliable CTA button test when the button’s position, size, and surrounding context are unique on every page.
For brands running Shopee or Lazada traffic back to WordPress landing pages — a common pattern across Thai, Indonesian, and Malaysian performance marketing — this is not a minor consideration. You need consistent element naming, predictable DOM structure, and stable CSS selectors to instrument conversion events reliably. Infinite canvas is not incompatible with that, but it requires deliberate tagging architecture from day one, not retrofitted after someone notices the GTM triggers are firing on the wrong elements.
The Measurement Contract Should Precede the Design Brief
What these three stories collectively illustrate is that the gap between design ambition and measurement readiness is widening. WebGL experiences, empathy-first UI frameworks, and spatial page builders are all legitimate tools. The problem is organisational sequencing: design decisions get made, then tracking gets bolted on, then someone in a quarterly review asks why the data does not tell the story the creative team expected.
The fix is boring but effective: every non-standard UI pattern that ships — whether it is scroll-driven animation, a compassion-first interaction model, or a freeform canvas layout — needs a tracking specification written alongside the design spec. Not after. Alongside. That spec should define what events map to which user intentions, what fallback instrumentation exists for environments where primary tracking fails (iOS Safari with consent restrictions, for instance), and what success looks like in numbers before the first user session is recorded.
In markets where consent mode is still being interpreted inconsistently across regulatory environments — Thailand’s PDPA, Indonesia’s PDP Law, and Singapore’s PDPA all have meaningfully different implications for analytics configuration — that measurement contract is also your compliance audit trail. Two birds, one data layer.
Key Takeaways
- Define your tracking specification alongside the design specification — not after launch, when retrofitting event architecture is painful and the data is already dirty.
- Audit every UI trend against your product’s primary user goal before adoption; restraint in design is a conversion strategy, not a creative compromise.
- Freeform layout tools require deliberate DOM structure and element naming conventions to keep tag management and A/B testing viable at scale.
The underlying question worth sitting with: as UI tooling gets more expressive and less structured, who in your organisation owns the contract between design intent and measurable outcome? If the answer is “we figure it out after launch,” you have a process gap that no amount of creative ambition will paper over.
At grzzly, we work with digital teams across Southeast Asia on exactly this intersection — helping marketing and engineering agree on tracking architecture before ambitious UI decisions create unmeasurable black boxes. If your team is pushing into richer web experiences and you want the measurement infrastructure to keep pace, Let’s talk.
Sources
Written by
Cryptic GrizzlyFluent in server-side tagging, consent-mode logic, and the intricate diplomacy of getting marketing and engineering to agree on a data layer. Nothing ships without a QA plan.