AI Design Engineer · Framer Pro Expert
AI Design Engineer · Framer Pro Expert
Product Designer for B2B SaaS, startups & agencies
- $•••••
- Earned
- 11x
- Hired
- 5.0
- Rating
- 105
- Followers
Product Designer for B2B SaaS, startups & agencies
If your members pay premium. Your website should look like it.
Animation really changes the way you look at a website.
The premium is in the details. 🤌
Hero section with animation for a Tennis Sports Club Membership Platform.
Full landing page WIP; gonna share it very soon.
35
48
3K
2nd variation of a landing page for a B2B search analytics platform
For this variation, I went with a lighter background where the CTA is visually focused instantly.
You might have 3~5 seconds to get the user's attention, so it's very important how the design looks and feels.
Full landing page coming tomorrow.
6
14
1.6K
Brand Identity & Packaging Designer
- $•••••
- Earned
- 2x
- Hired
- 4.6
- Rating
- 33
- Followers
Brand Identity & Packaging Designer
Rive ⬥ Characters ⬥ UI ⬥ Interactive Motion ⬥ Illustration
Rive ⬥ Characters ⬥ UI ⬥ Interactive Motion ⬥ Illustration
Interactive Breathing Animation System Built in Rive
I'd like to share a project I worked on a while ago.
The visuals are simple, but the most interesting part was building a flexible animation system in Rive. I set up logic, states, and interactions. This allows the animation to adapt to different use cases. And at the same time, it stays lightweight and easy to integrate.
All parameters are controlled by developers: from timing to breathing method. This makes it easy to adapt to different types of exercises.
Key features:
• Multi-language support
• Breathing method selection (nose or mouth)
• Adjustable timing for each phase (inhalation, holding, exhalation, resting)
• One animation system for all exercise types (relaxation, focus, energy, etc.)
Built before data binding was introduced in Rive 😂
Try it out: https://rive.app/s/qSSq8Fnsz0GfXhHoslnoyw/embed
1. Select your language.
2. Adjust the timing and breathing method.
3. Start the session.
4. Press Finish to end the session after the current cycle.
5. Tap New Session to restart.
All parameters can be updated in real time.
5
637
Rive Mascot Animation
Project Overview
Design an expressive, interactive mascot animation in Rive that reacts to user actions and brings personality into the product experience.
Role: Rive Animator
Services:
- Character redrawing (AI raster → clean vector)
- Interactive Rive mascot animation (only 40 Kb)
Tools: Rive, Adobe Illustrator
Process:
1. Character Preparation
The character was originally generated as a raster AI image. I manually rebuilt it as a clean, fully vector-based character, optimized for animation.
2. Rigging & Animation States
I prepared the character for animation and created several expressive states, including:
- Idle
- Happy
- Smiling
- Winking
To make the mascot feel more alive and responsive, I added an interactive behavior where the mascot follows the user’s mouse cursor when it gets close.
2
6
731
Hey everyone,
I’ve actually been registered here for a while, but I've decided to update my profile and showcase more of my work.
I’m a Rive / Lottie animator and vector illustrator, based in Helsinki, Finland. I specialize mostly in Rive and interactive animation. I especially love animating characters and mascots for apps and websites (EdTech, kids’ and gamified apps, character-driven digital products).
I enjoy thinking through interaction logic and figuring out the best way to structure state machines.
I'm really happy to see the community space here. It’s great to be here with so many talented and creative people!
I’m a very visual person, so hopefully the visuals will catch your eye as well 😊
Looking forward to connecting, learning from you all, and hopefully collaborating 💛
2
1
665
Short-form video editing for businesses
- $1k+
- Earned
- 2x
- Hired
- 5.0
- Rating
- 4
- Followers
Short-form video editing for businesses
Business Research & Process Specialist | Insights & Analysis
Framer Website Designer & Developer | UI/UX Designer
Framer Website Designer & Developer | UI/UX Designer
Animated Webflow sites and product interfaces, built to ship
- 4.8
- Rating
- 13
- Followers
Animated Webflow sites and product interfaces, built to ship
