1. Share the artwork and the job
Start with your website and the role the mascot should play. A hero character that welcomes visitors has different needs from a product assistant that responds to real events. Tell us which interactions are essential and which are optional.
Send a layered SVG, AI or EPS file if available. PNG artwork can still be reviewed, but separate eyes, limbs and facial elements may need rebuilding. If there is no character yet, the design path begins with your brand, audience and personality.
2. Prepare, rig and animate
We agree the visual direction and movement limits before building the rig. The rig connects artwork parts so that eyes, head and body can move together naturally. An approved idle becomes the neutral state that every reaction can return to.
Cursor tracking, blinking and the click reaction are planned as a coordinated system. Advanced events are mapped separately so an error expression cannot collide with a celebration. The proposal defines the states, revision rounds and responsibilities.
3. Review in the browser
Evaluate the character where it will be used, including its intended size, surrounding content and mobile layout. Check the timing, eye direction, personality and return to idle. A video alone cannot demonstrate all of these interaction details.
Collect feedback by behavior: what happened, what you expected and where you tested it. Design approval and animation approval are separate checkpoints. Changes outside the agreed scope are discussed before more work begins.
4. Receive a useful handoff
The integration kit contains the agreed Rive export and its state-machine contract. Input names, types, ranges and trigger behavior should be written down. Your developer also receives sizing, responsive and motion-preference guidance.
Who adds the mascot to production is confirmed in the proposal. Integration assistance is available as a separate scope; receipt of an animation file does not automatically include changes to your website.