Motion graphics – movement that explains and sticks
A logo that lands in three seconds. A product that makes sense in twelve. We design motion graphics for websites, social media and presentations – built in code, so they stay razor-sharp at any size and are quick to update when a price or a line changes.
Every film was built in code, each in its own brand language. The businesses are concept projects, the figures are samples.
Pegel – launch film. Launch film for an analytics product: headline, overview with revenue per day, question and answer, brand. Built with HTML, SVG and GSAP, rendered with HyperFrames. Concept project, demo data.
Fadenlauf – social spot. Vertical cut for Instagram and TikTok: wordmark, four pieces on the beat, search, product with size and cart. Concept project, AI-generated product photos.
Goldkorn – numbers. A data story in the style of the shop’s chalkboard: counter, weekdays, share. Concept project, sample figures; AI-generated chalkboard texture.
Wimmer – logo sting. Our own logo: the dot drops, the W draws itself, “IMMER” types out like our site header.
And live in the browser
The same technique also runs right on the website – no video, razor-sharp and you can pause it any time.
taktwerk.app/plan
Taktwerk
Week 42
Early.Late.Night.
Rostersthat hold up.
06:0014:0022:0006:00
Shifts planned
42
Still open
0
Conflicts
0
Concept project Taktwerk · runs live in the browser – type and numbers are real text, not video.
What is included
Logo animation
A short sting of three to eight seconds that turns your logo into motion – for videos, presentations and social media.
Launch film & product video
Your product in action: interface, numbers and message in a short film, the way software launches are shown.
Explainer video
A process or an idea in 60 to 90 seconds – with type, graphics and data instead of long text.
Social clips in every format
The same story as 9:16, 1:1 and 16:9, in several languages too – copy and numbers can be rendered as variants.
Numbers & data
Figures that build up: charts, counters and comparisons you understand at first glance.
Motion on your website
The same technique also runs live in the browser – as an intro, scroll animation or animated graphic, without a heavy video.
Who it is for
New.
0 sHook
2 sProduct
4,812
6 sProof
10 sBrand
A twelve-second clip, planned frame by frame before we animate.
Brands and products announcing a launch or something new
Businesses that want to show what they do on social media – without a film crew
Software and services that are hard to explain with a photo
Companies that need a consistent logo intro for videos and presentations
Why we build motion graphics in code
Most motion graphics are made in animation software and exported as video. We take a different route: every film is a small web page of HTML, CSS and SVG with a precisely timed timeline. We render it frame by frame into a real video with the open-source tool HyperFrames. Type stays type – in your brand font, razor-sharp at any resolution.
New in store
4,812
Frame
Title
Number
Logo
A small web page with a timeline – HyperFrames renders it into a video, frame by frame.
The biggest advantage shows after the first version. A new price, a different slogan, a second language or a vertical cut for Instagram is not a new production but a new variant. Numbers can come straight from your data, and revision rounds are faster because nothing has to be redrawn.
Variables
titleNeu im Laden→New in store
price€29→€24
languageDE→EN
Neu im LadenNew in store
€29€24
16:9
Neu im LadenNew in store
€29€24
1:1
Neu im LadenNew in store
€29€24
9:16
New price, second language, three formats: a variant, not a new production.
Good motion follows the same rules as animation film: what matters moves first. Entrances take longer than exits, no element shares everyone else’s tempo, and after every move the eye gets a moment to rest. On social media the first three seconds count – and because most videos there play without sound, the message has to work on mute.
Even
With easing
works without soundthe first 3 seconds
What matters moves first, every element at its own pace, then the eye gets to rest.
Not every project needs a video. For your own website, an animation that runs live in the browser is often the better choice: it weighs a few kilobytes, stays sharp and can be paused. For filmed scenes with people or elaborate character animation, we honestly recommend a specialised film production – and are happy to work with one.
Pause
Launch film as MP4 (12 s)555 KB
Live animation in the browser7 KB
Filmed scenes with people: with a film production
Measured on this site’s files, 19 October 2026.
New in store
4,812
Frame
Title
Number
Logo
A small web page with a timeline – HyperFrames renders it into a video, frame by frame.
Variables
titleNeu im Laden→New in store
price€29→€24
languageDE→EN
Neu im LadenNew in store
€29€24
16:9
Neu im LadenNew in store
€29€24
1:1
Neu im LadenNew in store
€29€24
9:16
New price, second language, three formats: a variant, not a new production.
Even
With easing
works without soundthe first 3 seconds
What matters moves first, every element at its own pace, then the eye gets to rest.
Pause
Launch film as MP4 (12 s)555 KB
Live animation in the browser7 KB
Filmed scenes with people: with a film production
Measured on this site’s files, 19 October 2026.
What do motion graphics cost?
Logo animation
from €390
usually €390–€1,190
A three-to-eight-second sting made from your logo, as video for web, social and presentations.
Social clip
from €240
usually €240–€640
One clip of six to 15 seconds, in several formats and languages if you like.
Explainer video
from €1,190
usually €1,190–€3,190
60 to 90 seconds including concept, storyboard and animation; voice-over and music on request.
Launch film & product video
from €2,390
usually €2,390–€4,790
Your product in action with interface, data and message – with variants for every channel.
Guide prices in euros, no VAT is charged (Austrian small business exemption). You get your fixed price after our first call – no hidden extras.
How we work
From the first call to well after launch, you always know what happens next. You get a fixed quote once we have talked.
A free conversation about goals, audience and budget. Afterwards both sides know whether it is a fit.
≈ 1 week
2
Step 2: Concept & design
Structure, copy and look – as a clickable prototype you can try out first.
≈ 2–3 weeks
3
Step 3: Build
Development, content, animation and testing on every device, in both languages.
≈ 3–6 weeks
4
Step 4: Launch & care
Go-live, handover and then SEO, hosting and maintenance from one team.
ongoing
Frequently asked questions
How much do motion graphics cost?
A logo animation starts at €390 (usually up to €1,190), a social clip at €240, a 60–90-second explainer at €1,190 and a launch film at €2,390 – no VAT is charged (Austrian small business exemption). The price mainly depends on length, number of scenes and formats. After the first call you get a fixed price.
How long does a project take?
A logo animation or a single clip is usually ready within a few days, an explainer or launch film within two to four weeks – depending on how quickly content and feedback arrive. You get a binding schedule with the quote.
Which formats do I get?
MP4 for your website and social media, plus WebM, GIF or an overlay with a transparent background on request. Vertical, square and landscape cuts come from the same template.
Do I need music or a voice-over?
Not necessarily: most videos on social media play without sound, so we build the message to work on mute. On request we add licensed music or a voice-over; licence costs are listed separately.
Can I have copy or numbers changed later?
Yes – that is one of the biggest advantages of how we work. Copy, numbers, colours and formats are set up as variables in code, so a new version is quick to make instead of producing the film again.
Are the films on this page real client projects?
No. Pegel, Fadenlauf and Goldkorn are concept projects with fictional businesses and sample figures; the Fadenlauf product photos are AI-generated. The films themselves are real – this is how we work for you.
What motion graphics are, where they pay off, what good motion looks like and which formats you need – with four example films and honest guide prices.
Ready to set your offer in motion?
Tell us briefly what you want to show and where the film will run. We reply within one business day with an honest assessment.
Start a project
Tell us briefly about your project. We will get back to you within one business day.
Why work with us
24 hReply to every enquiry within one business day
WorldwidePersonal contact, remote for clients anywhere
DE / ENAdvice and websites in German and English
1 partnerDesign, tech, AI and care from one partner
