Motion designer & Rive expert

Shaping

interactive

experiences

Latest work

Lip sync character

A vector character with rigged mouth shapes synced to generated speech, and a custom web tool handling the timing data.

Partnership announcement

Quick social reveal for LinkedIn and X. Text-focused design with smooth transitions and brand-consistent styling.

Product features

A series of animations showcasing authentication flows and access controls for a B2B security platform. Based on client's Figma concepts.

Sliding panel

Animated feature card layout. Cards float in place, one rectangle slides to the side when the blue button is clicked.

Feature walkthrough

Animated walkthrough with smooth transitions between dashboard states. Highlights profile management and notification systems.

B2B dashboard

An order management view for a B2B section. Orders, employees and usage at a glance.

Design process

A step in the design workflow. Two users customizing a product card in real time: colors, artwork, typography.

Typography slider

Interactive font weight control. Slider adjusts letter thickness in real-time with smooth interpolation.

Offer explainer

Animated isometric city built for a website section. Data towers, server blocks and a glowing processor, all moving as one scene.

Insights and stories

How I built a real-time lip sync character in Rive. Rive app screenshot.

Lip sync animation

How I built a real-time lip sync character in Rive. From visemes to a talking animation.

Case study

Guide

Lip sync tool timing generator interface in Figma.

Lip sync timing generator

A web tool that converts ElevenLabs speech into millisecond-accurate viseme timing data for Rive.

Tips & tricks

Tools

Aim, click, fire - dashboard inside Rive app

Interactive surf experience in Rive

An interactive experience where you can switch boards, adjust conditions, and shoot targets.

Case study

Services

UI components

Building buttons, sliders, toggles, navigation, and feedback animations for hovers, clicks, loading states, and form validations.

Product animations

Creating feature demos, onboarding flows, and scroll-responsive hero sections that showcase functionality and drive engagement.

Data visualization

Animating charts, graphs, and live data with dynamic state updates and smooth transitions that make complex information clear.

Integration & characters

Rigging mascots and illustrations for storytelling, plus setting up Rive across web platforms with runtime logic and live data connections.

Hi, I'm Michal.

I make interactive Rive animations - hero sections, product walkthroughs, data viz, and all those satisfying little UI moments. The goal is simple: turn features into experiences that feel smooth, intentional, and maybe even a bit fun to use.

Started with branding and print design 10+ years ago, moved into web design building sites, e-commerce platforms, and sales automations, and now spend most days in Rive. Outside of work, I love surfing and cycling - turns out waiting for the right wave and timing animation curves have more in common than you'd think.

Let's work together! Reach out or book a call to get started.

Book a call

Copy e-mail

Michal Stencel - Rive expert on a hiking trail in the forest