Built with Rive

Vibe weekend app

Jairo Ruiz

Vibe Weekend Dial – Signature Microinteraction in Rive
This project explores how the first screen of a product can become an expressive experience that emotionally connects with users—starting with their mood.
🎛️ Designed and animated in Rive, this dial allows users to set their weekend vibe through motion. Instead of choosing from static options, they rotate a dial that visually responds to their energy—energized, chill, or tired—turning a basic input into a signature moment.
🧠 Inspired by Design Thinking and UX motion principles, the animation includes:
— A smooth, circular drag interaction
— Dynamic transitions between energy states (icons, colors, mood)
— Subtle easing and glow for a more tactile feel
⚙️ Fully interactive and ready to be implemented in apps, websites, or prototypes, this piece adds emotional depth to an otherwise functional screen—making the interface more human, playful, and responsive.
Tools used
Figma
Rive
Design Thinking
UX/Motion Design Principles
State Machine Logic
👉 Explore the file on the Rive Marketplace: https://rive.app/marketplace/18806-35334-vibe-weekend-app/
Like this project

Posted May 9, 2025

Set your vibe and spin the dial. A signature microinteraction born from design thinking—turning your weekend planner into an expressive, emotional experience.

Likes

1

Views

9

Timeline

Mar 9, 2025 - Mar 14, 2025

Day/Night Mode Toggle – Interactive Microinteraction in Rive
Jar of Coins: Gamifying Savings with Interactive Animation
Sanctuary of Goals: Narrative Microinteraction

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc