Product and launch videos, website animation and UI motion for SaaS and AI teams. Made from your real screens by the studio that designs and builds SaaS products, and light enough to keep your site fast.
By Ignat, founder of DIXIUpdated 1 Nov 2026
Showreel 2026
Three things, all from your real product. Product and launch videos that show the software doing the job in 30 to 90 seconds. Website motion that lets a homepage explain itself before anyone scrolls. And UI motion inside the product, so a dense tool feels quick. One team designs, animates and ships all three.
30 to 90 seconds that show the software doing the job: your real screens, a script built on what buyers ask on sales calls, sound design, and cuts for every place the video will live.
A hero that shows the product working, sections that build as people scroll, and loops that load after the page paints. Made in Rive, Lottie, CSS or video and built into your Webflow, Framer, Astro or Shopify site.
Transitions, loading and empty states, onboarding hints and feedback that make a dense product feel quick. Handed to engineers as motion tokens and specs, not only a prototype.
Products we designed with our clients, websites we built, and homepage concepts we designed and animated in-house for AI, energy, logistics and fintech ideas. Concepts are marked as concepts. Every clip plays here the way it plays on a live site: muted, in view, and paused when you scroll past.
Product clips use sample data, never customer data. Concepts were designed in-house and are not client launches.
See all work and case studiesBecause the hard part of a SaaS video is the product, not the animation. We design SaaS interfaces every week, so we know which screen proves the point, how to simplify it without misleading anyone, and how to put the result on your site without hurting its speed.
We rebuild the screens that matter as vector layers from your Figma file or a staging account, swap customer data for sample data, and update them when the product changes.
The timing and easing in the launch video match your website and your product, so the brand moves the same way everywhere. Engineers get the values as motion tokens.
We encode, place and test the video on your site: a light poster first, playback only in view, and a still frame for people who turn motion off.
Most specialist studios quote $3,500 to $15,000 for a 30 to 90 second video. A Wyzowl survey of 242 explainer studios found a median of $5,400 and an average of $10,983. Our product videos start at $6k for 30 to 60 seconds with three cuts; every price we charge is on our pricing page.
| Who | What it buys | Published price | Time | Link |
|---|---|---|---|---|
| DreamJuiceAIBoutique SaaS video studio | 15–45 s launch short / 60–90 s explainer | from $1,500 / from $3,500 | 10 working days (short) | Source |
| Motion The AgencySaaS motion studio, London | 30 s video | from $3,480 | about 3 weeks | Source |
| Explainer studiosWyzowl survey of 242 companies | 60 s explainer | median $5,400 · average $10,983 | not stated | Source |
| VidicoSaaS and tech video agency | explainer or product video | from $10k | 4–8 weeks | Source |
| DIXIProduct design and build studio | 30–60 s product video from your real UI, 3 cuts, built into your site | from $6k | 3–4 weeks | Pricing |
Prices are what each company publishes or what the cited survey reports; scope differs from studio to studio. Want a range for your own scope? Open the cost calculator.
In about four weeks and five steps, with your team approving the script and the look before a single frame moves. You review timed previews along the way, so nothing is a surprise at the end.
One goal per video, who watches it and where. We write the script from the questions buyers ask on sales calls and agree on the screens.
Key frames in your brand, built from your real UI. You approve the look before animation starts.
After Effects or Rive, with timed previews you can comment on frame by frame. Two review rounds.
Sound design, licensed music and an optional voiceover. Then 16:9, 9:16 and 1:1 cuts, plus captions.
Web encodes under a size budget, poster frames, placement on your site and exports for every social channel.
Three fixed-scope formats and one ongoing option. Each one includes the source files, and you own everything we make.
An animated hero and up to four section animations in Rive, Lottie, CSS or video, built into your site.
30 to 60 seconds from your real UI, for the homepage, sales and launch posts.
Everything a launch needs to move, in one look.
Short answers to what teams ask before a first video. Anything else, ask on the call.
Specialist studios usually quote $3,500 to $15,000 for 30 to 90 seconds. Ours start at $6k for a 30 to 60 second product video with three cuts, and at $12k for a launch kit. Every price is on the pricing page, and the cost calculator gives a range for your scope.
Three to four weeks for a product video, five to six for a launch kit and two to three for website motion. The first week goes to the script and styleframes, which is where most of the thinking happens.
Either your Figma file or a staging account works. We rebuild the screens as clean layers, swap real customer data for sample data, and check every frame with your team before animation starts.
Not when it is shipped with care. A light poster paints first, the video loads only when it scrolls into view, and loops stay small. Our own homepage plays 16 videos and scored 95 on mobile PageSpeed in a lab test on 29 Oct 2026.
Sound design and licensed music are part of every video. Voiceover is optional: we cast a voice you approve. We don't film live action; if you already have footage, we cut it in with the motion work.
Masters in MP4 and WebM, the 16:9, 9:16 and 1:1 cuts, poster frames, captions when there is a voiceover, and the source files: After Effects or Rive projects and the Figma frames. You own all of it.
Yes. We work from your Figma file or your live product and keep your design as it is. If a screen is too dense to read on video, we simplify it for the video and show you what changed.
Yes. The reel is cut from products we designed: ComboCurve, Koyfin, HCM International, EW, our own app Mediator and an iOS coaching app, with sample data on product screens. The ComboCurve website in it is a concept. In the gallery on this page, homepage concepts we designed and animated in-house are marked as concepts.
Book a discovery call, or start with a free teardown of your homepage.
We use essential storage to run this site. With your OK we also use analytics to see which pages help visitors. No ad tracking. Cookie policy
Choose what we can use. You can change this any time from Cookie settings in the footer.
