We all use file transfer services like WeTransfer or SwissTransfer daily, but the experience isWe all use file transfer services like WeTransfer or SwissTransfer daily, but the experience is
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Cyril's avatar
Cyril Drouin
• 2d
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
2D AnimationMotion DesignRive AnimationcharacterchallengeinteractivedesignRive
George's avatar
George Weatherhead
max
• 17h
so sick!! 🔥
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started