UI animations in Rive and 3D product viewer in Spline. Lightweight, reusable, and seamlessly integrated into the Webflow frontend.
🔍 Overview
A set of clean, performance‑focused animations and interactive 2D, and 3D components crafted for wizytowki.co. Built in Rive and Spline, these elements elevate the UX and support a premium brand feel. From microinteractions to product visualization, every motion was designed to be subtle, intentional, and system‑ready.
🎯 Scope
Rive-based UI animations
Button hovers and icon transitions
Scroll-based motion accents
Feedback animations (e.g. click, selection)
Embedded via Webflow with precise control over playback and state
Spline 3D product viewer
Custom 3D model of business card
Parameters: edge color, thickness, foil style
Interactive product preview integrated into builder UI
Optimized for fast load and mobile-friendly performance
Motion style
Inspired by Apple’s design system: no distractions, just smooth transitions and moments of polish. Motion serves function: reinforces hierarchy, confirms interaction, adds depth.
Performance-aware
All animations are vector-based and lightweight. Lottie was skipped intentionally - Rive gave better control, smaller file size, and logic triggers.
System-ready implementation
Each animation is modular and easily reusable within Webflow and JS‑powered builder. Clean separation between static and interactive states.