Level-Up UX
Level-up should feel like a meaningful moment, not a silent number increment.
XP bar fill animation
When a member loads the dashboard, animate their XP bar from where it was on their last visit to their current value. Shows the tangible progress they’ve made since they were last here. Requires storing the last-seen XP value (localStorage or session).
Manual level-up trigger
Instead of auto-leveling when the threshold is crossed, let the XP bar fill completely and hold there. The member then manually triggers the level-up — the XP “flows” into the new level with an animation. Makes leveling feel earned and deliberate rather than passive.
Kiosk
The kiosk check-in screen is a good place to show XP gain in real time after a tap. Could include sound or haptic (Raspberry Pi has audio out). Dungeon Crawler Carl aesthetic: dramatic, not subtle.
Why it matters
We capture a level_up PostHog event from check-ins and purchases. If leveling feels good, members will seek it out — that’s a retention loop worth designing around.
Related
- dungeonbooks/guild#54