Outcome
Make your WishStar by
I want to design an experience where a wish leaves a trace.
People have a tradition of wishing on a shooting star, but it passes so fast the wish can feel weightless and hard to hold onto.
Transforming a shooting star into a forever WishStar is an inner thought turned into a visible point of presence in the distance. My core design goal is to make a wish feel heard and anchored, not fleeting.
Design Principle:
gestures should read as “natural metaphors”
👊 fist = grasp/capture the shooting star
🖐️ open palm = approach/unveil the solidified star
👋 wave =pan/rotate the star
❓ Many interactive behaviors could not be resolved through high-level prompts.
💡 Features often failed to meet my expectation, I'd request specific code or metrics and adjust based on my own judgment rather than Gemini.
✅ This way, I can
Maintain creative control
Bridge design intent with technical implementation
❓ Meteor moved fast and randomly, making it difficult to catch
❌ User frustration and potential drop-off at early stage
💡 I constrained the start and end points to a small range to make the trajectory more predictable, and set a medium speed so the interaction felt challenging yet achievable on the first try for most users.
❓ In early versions, meteor could still be caught when it was partially off-screen
❌ Poor experience
💡 I set a safety margin near the screen edge so meteor couldn't be captured when close to flying out of view
❓ When palm and fist gestures were detected in rapid alternation, the scene changed just as quickly
❌ Broke emotional continuity of the narrative
💡 I added a one-second buffer between scene changes so transitions felt smoother and less glitchy
📌 Save State
save a WishStar (local storage) so returning users see their prior created stars
-> so experience feels more realistic and wish does not feel fleeting
♿️ Accessibility
alternative input mode (keyboard /mouse)
-> to include more user groups.
