Case Study
LEGO Step Finder is a micro-interaction-driven web app that turns the familiar experience of stepping on LEGO into a humorous, highly engaging digital interaction.
Used playful interaction design and microcopy to create a memorable, high-engagement user experience.
Demonstrated how motion, feedback, and tone of voice can strengthen a simple product concept.
Combined UX writing, animation, and frontend execution into a compact but polished interactive build.
Services
Interaction Design · UI Design · Frontend Development · UX Writing
Date
2025
Agency
Personal Project
Client
LEGO Step Finder
Audience
Casual web users, LEGO fans, meme audiences, and users who enjoy playful digital experiences with strong humor and interaction feedback.
Role
This was a solo design and development project. I handled concept creation, UX writing, interface design, interaction design, prototyping, animation direction, and frontend implementation.
Challenge
Many novelty websites are entertaining for a moment but lack strong interaction design, visual polish, or a cohesive experience. I wanted to explore how humor, micro-interactions, and frontend craft could turn a simple joke into a more memorable and shareable product experience.
Context
This project centered on translating user needs and product goals into a cleaner, more thoughtful digital experience.
Goals
Business
Create a memorable and shareable interactive experience that holds attention and encourages repeat engagement.
Design
Use humor, motion, and feedback to create a lightweight but polished interface that feels intentionally crafted rather than randomly playful.
Technical
Build a responsive frontend experience with interactive controls, animation, and fast feedback loops.
Tech Stack
Figma · HTML · CSS · JavaScript · Lottie · GitHub Pages
Accessibility
Process
A structured process focused on clarifying user needs, reducing friction, and translating strategic thinking into polished interface decisions.
I explored the cultural familiarity of the “stepping on LEGO” joke and reviewed meme formats, pain-scale humor, and novelty website patterns to understand what makes a playful concept feel engaging rather than disposable. The goal was to identify a tone and interaction model that could turn a joke into a cohesive digital experience.
I mapped the core flow around user input, humorous calculation, and immediate feedback. In Figma, I prototyped the interaction pattern using sliders, playful copy, and response states to test pacing and emotional payoff. This phase focused on making the experience feel fast, entertaining, and easy to understand.
I tested multiple approaches for the central foot-stomp moment, exploring timing, exaggerated movement, and sound-driven feedback. The aim was to make the interaction feel expressive without becoming visually noisy or distracting.
I translated the concept into a lightweight frontend build using HTML, CSS, and JavaScript. I focused on responsive behavior, animation timing, and microcopy polish so that the interface felt intentionally designed despite the playful concept.
Outcome
Reflection
Let’s Connect
I’m open to product design, UI/UX, and frontend opportunities — from collaborative team roles to meaningful freelance projects.