We all use file transfer services like WeTransfer or SwissTransfer daily, but the experience is often quite austere. For the #RiveChallenge, I wanted to inject some fun and original interaction into this mundane step.

The Concept The goal was to create the sensation that there is a character behind the screen, as if the user is looking through a window with a plunging view into a tech-colored environment. The interaction transforms a simple loading bar into a playful moment.

Technical Process & Challenges To achieve the specific visual style and interaction, I had to push the technical capabilities of Rive:

Custom Strokes: I built tapered strokes directly using Luau scripts to get the desired organic look that standard strokes couldn't provide.

Advanced Scrolling: The interaction required a custom scroll model with more options than the default, which also had to be handled via Luau scripting.

From 2D Rough to Final A significant part of my process involved creating a 2D rough animation in Animate first. This was crucial to validate the system mechanics and get a quick preview of the motion, similar to an animation film pipeline.

Initial Concept: During creation, I explored using the scroll system for micro-narratives (where each scroll tells a small story about the character falling, etc.). While this is a feature for a larger future project, I stuck to the initial interactive concept for this challenge.

Refinement: The 2D rough served as the guideline for the final keyframing work in Rive.

Try it out Here !  I hope you enjoy this concept as much as I enjoyed building it. I invite you to test the interaction and have fun with it.

(Optional: You can see the 2D rough version that guided the keyframes here: https://rive.app/s/EJWSVx8gUUakzES_Aok5uA/?runtime=rive-renderer)

#RiveChallenge #InteractionDesign #Luau #MotionDesign #UX #Animation