Creative Lead & Motion Director
Motion Designer
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 ! (https://rive.app/community/files/28122-53104-making-file-transfers-fun/)
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
1
11
673
From unique brand identities to dynamic motion real quick
From unique brand identities to dynamic motion real quick
Distinctive Branding & Motion Design by Alexandre
Brand Designer
Brand Designer
Brand and 3D designer
Brand designer & Motion design
Brand designer & Motion design
