The Invisible Details of Interaction Design
Why great interfaces borrow from thousands of years of physical intuition, and how spring physics can make digital feel tangible.
Interaction studies, design essays, and explorations in interface craft. Building things that feel alive through thoughtful motion and attention to detail.
Explorations in micro-interactions that reward learning and create delightful moments. Each study focuses on a specific interaction pattern or motion principle.
Combines scale feedback with color transition and particle burst. The spring animation creates a satisfying tactile feeling that rewards engagement.
Button morphs to show download progress with fluid fill animation. State changes feel connected and provide clear feedback about system status.
Share menu appears with staggered spring animations. Each item enters with a slight delay, creating rhythm and drawing attention to options.
Play button morphs to pause state with layered animations. Progress bar updates smoothly to maintain the feeling of continuous playback.
Exploring natural motion through spring animations. These examples show how different spring configurations create distinct feelings and personality in interfaces.
Button is attracted to cursor within proximity. Spring physics create natural magnetic behavior that feels responsive without being jarring.
Click cards to cycle through stack. Each card has natural spring motion and slight rotation to create depth. Hover reveals the layered structure.
Input field scales gently on focus with elastic spring physics. The accent line grows smoothly, and character count appears with spring animation.
Selected projects showcasing the intersection of design and engineering. Each project explores different aspects of craft, from motion design to editorial layout.
Award-worthy gallery experience
An art gallery website that transforms browsing into an experience. Editorial layout with subtle animations and careful typography hierarchy.
Project Preview
AI behavior change with editorial design
A 4.8★ iOS app combining AI coaching with thoughtful interface design. Dark editorial cards and spring interactions reduce friction in behavior change.
Project Preview
Thoughts on craft, motion, and the intersection of design and engineering. Documenting lessons learned and principles discovered while building interfaces that feel alive.
Why great interfaces borrow from thousands of years of physical intuition, and how spring physics can make digital feel tangible.
Building a consistent language of movement that guides users naturally through digital spaces without overwhelming them.
How editorial typography principles can transform a gallery website from corporate to intimate, making art feel considered rather than commercialized.
More essays coming soon. Following in the footsteps of Rauno, Emil, and the design engineers who document their craft.