Designed for founders who want a character to guide visitors through a site.
A mascot can add personality but become distracting if it follows every cursor movement. Define a few useful moments and offer a calm default pose.
What we can build
- Web-ready character poses.
- Focus and form reactions.
- Touch-friendly interaction states.
The final deliverables are agreed during discovery. Source files, implementation support and additional platform variants are included only when explicitly scoped.
A clear control contract
Plan the animation’s public controls before producing a full motion library. A starting specification might include:
- attention: engagement state.
- formState: idle / editing / valid.
- greet: deliberate activation.
These are proposed control names and behaviors, not an existing Rive asset. The final file determines the actual property and state names.
Integration considerations
Keep form validation in HTML and associate character feedback with readable messages. Character motion must never intercept clicks intended for page controls.
Review the behavior
Test form errors, tab navigation and small-screen placement. The character should never obscure a label or action.
From brief to handoff
- Define. Review your audience, key events, platform and asset requirements.
- Design. Approve the visual direction, key poses and transition rules.
- Build. Rig the artwork and author the agreed state system.
- Validate. Review an export against the acceptance sequence and target runtime.
- Handoff. Deliver the scoped assets, control map and integration notes.
Questions before we start
Can the character follow the cursor?
Yes, within a limited range and with an alternative for touch and reduced-motion visitors. Continuous tracking should be optional.
What should I include in the brief?
Share the target platform, screen dimensions, existing artwork, desired states and any runtime restrictions. A short recording of the current product is useful.
How are timing and cost agreed?
Scope depends on the artwork, state count, platform validation and revision needs. A defined brief comes before a project estimate.