Animation makes my site slow
We use vector animation in Lottie (a JSON format that plays in browsers and apps) and keep file size low. We test on a mid-range phone before handoff.
Interface animation that explains your product without slowing the page
We build lightweight animation for websites and apps in Lottie and Rive: buttons, loaders, transitions and illustrations that react to user actions. Files stay small, run well on phones, and you receive the source files.
Quote and schedule after your brief
Who it's for
- Website and landing page owners who want motion accents without heavy video
- Product teams that need animated states in mobile and web apps
- Startups that need a short animated story to explain the product
- Online stores and SaaS that need micro-interactions in checkout, forms and onboarding
Problems we solve
Developers say the designer's animation can't be built
We design for the chosen technology from the start: Lottie, Rive or CSS. You get files that plug in with a few lines of code and a short guide for your developer.
The interface feels flat and users don't know what happened after a click
We animate states: hover, loading, success, error. Users see how the system responds and make fewer mistakes.
We paid for animation before and got no source files
All source files, projects and accounts are yours under the agreed terms. Anyone can edit the animation later.
What's included
- Interface review: where motion helps and where it gets in the way
- Technology choice: Lottie for simple scenes, Rive for interactive states that react to user input
- Storyboard and motion test before final graphics
- Animated icons, buttons, loaders and screen transitions
- Interactive states in Rive: hover, press, progress
- File size optimization and testing on low-end devices
- Light and dark theme versions where needed
- Integration on your site, or a developer guide
- Handoff of source files and licenses for fonts and assets we used
Choose the scope
Use a package to describe what you need. We agree on the quote and schedule after reviewing your brief and requirements.
01
Start
A website or landing page that needs a few live accents
- Up to 5 micro-animations (icons, buttons, loader)
- Lottie or CSS format
- Size optimization
- Files and integration guide
02
Interface
An app or service with several screens and states
- Up to 15 state and transition animations
- Lottie and Rive as needed
- Light and dark themes
- Testing on iOS, Android and browsers
- Source files handoff
03
Product Story
A product that needs a short animated explanation
- Script and storyboard
- 1–2 key animated scenes for the homepage or onboarding
- Interactive Rive version if needed
- Lightweight mobile version
- Support during integration
How we work
Brief and requirements
You describe the task and current workflow. We clarify requirements, choose a first stage and prepare a quote.
Pilot with a measurable KPI
We animate one element on a real page. Together we agree what to measure: file size, load time, click rate on the element.
Storyboard and motion test
We agree on speed, easing and style before final graphics. Changes cost less at this stage.
Animation and optimization
We refine the motion, compress files, and test on low-end devices and in different browsers.
Handoff and integration
We add it to your site or hand over files with a guide. Payment is in stages, and all files and access are yours.
Scope and limits
- We don't promise higher sales from animation alone: in the pilot we measure file size, speed and on-page behavior
- We don't do complex 3D animation or video production in these packages: that is a separate task with a different price
- We don't animate everything: if motion hurts readability or speed, we simplify or remove it
FAQ
What's the difference between Lottie and Rive?
Lottie plays a finished animation, like a short vector video. Rive does more: animation can react to user input and switch between states. Lottie is enough for simple accents, while Rive suits interfaces with logic.
Will animation slow down my site?
Well-made vector animation is light. We optimize files and test them on a mid-range phone. If an effect hurts speed, we simplify it.
What do you need from me to start?
A design file or a link to the site, brand colors and fonts, and examples of motion you like. If you have no design, we can create one as a separate service.
Can you animate an existing site?
Yes. We look at the current markup and choose a solution that plugs in without a rebuild. Sometimes small code changes are needed, and we'll tell you upfront.
Who owns the files?
We agree on the handover of code, materials and account access before work starts. Third-party licences and services are listed separately when needed.
How does this fit the website, customers and automation chain?
Motion helps your site explain the offer and guide people to act, which makes the pages we send traffic to work better. For automation, it shows the states of forms, AI chats and customer dashboards.
Start with your task
Describe your business, the outcome you need and your current workflow. We will clarify the requirements and prepare a quote after your brief.