Analytics overlay (v3, Spec 6.3)

Real usage data on the flow graph.

Connect PostHog, Amplitude, Mixpanel, Google Analytics 4, LogRocket, or FullStory in project settings. Blue Painter maps analytics events to flow nodes and overlays real funnel data (starts, conversion, drop-offs) on the flow graph.

What you see

Each flow node shows funnel counts (e.g. 10,000 starts → 8,200 reached) and conversion rates. High drop-off points are flagged. Blue Painter correlates its design issues with analytics drop-offs—e.g. "Missing error state for address validation" + "1,200 users saw validation errors, 800 abandoned" → prioritize that fix. Correlation analysis lets you prioritize by actual user impact, not just theory. Before/after tracking shows whether fixing an issue improved conversion.

Synthetic usability testing (v3)

Auto-generate AI-driven usability tests for high-risk flows. Simulate user personas attempting tasks (e.g. First-time buyer, Returning customer). Report issues like "Persona 'First-time buyer' failed to find shipping options on mobile view." Ground tests in real flow structure, not generic scenarios.

Setup

Add your analytics provider in the project Config & analytics tab. From a report, the Analytics overlay panel's "Connect analytics (Config & analytics)" button takes you there. OAuth or API key depending on provider. Blue Painter fetches event data and aligns it to your flow structure.