Injecting Delight: Making Dashboards Fun

Enterprise tools and resource management dashboards often suffer from clinical, uninspired design, making daily tasks feel like a chore. The goal for these interactions was to inject a moment of genuine playfulness into the user’s workflow. By bypassing out-of-the-box components and building a custom toggle from the ground up using HTML, CSS, and JavaScript, the interface responds directly to the user’s touch. Dragging the switch smoothly scrubs through a 15-frame animation sequence, providing tactile, satisfying visual feedback. This attention to micro-interactions transforms the routine task of monitoring team capacity into a highly engaging, unexpectedly fun experience, proving that B2B utilities can still spark joy.

Dollar Slider

This little lightweight weighs in at about 18.2KB in file size and is constructed with math and vectors.

Drag the thumb... Mobile users: Use a soft touch, or touch to the side of the button.

Pill Toggle

Because this UI is constructed of rendered frames (Blender), it weighs in at about 505KB in file sizes.

Burnout Meter

The Reward State: Contextual Particle Systems Go ahead, click the button below. Instead of generic loading states, I utilize localized, physics-based micro-interactions to provide immediate positive reinforcement. By tying the particle origin directly to the user's cursor coordinates, the digital interface feels tactile, satisfying, and gamified.