Concept and storyboard
We define the message, narrative structure, and length before starting any animation. The storyboard shows you exactly what happens, scene by scene. Production only begins once you have given your approval.
Services · 3D / 2D Motion
Motion design that explains
complex things in motion.
Scope of services05 building blocks
01Storyboard02Styleframes033D Animation04Motion Graphics05Web MotionSome products are only truly understood when you see them in motion. We create 3D models, animations, and motion graphics that make technology tangible and brands come alive. Seamlessly integrated for websites, trade fairs, social media, and presentations.
Companies from the DACH region and around the world trust Webwavers.
Building blocks and formats
What motion design includes at our studio.
3D, 2D, and web motion from a single source. We choose the technology and format to fit your message and your channels, not the other way around.
3D
3D Animation
Technology, products, and processes rendered as custom 3D models, animated with sophisticated camera work. Just like the rocket engines from HyImpulse.
HyImpulse Case →3D
Product Visualization
Product imagery and animations without the need for a photoshoot, including cross-sections and exploded views. Even if a prototype doesn't exist yet.
How we work →2D
Motion Graphics
Kinetic typography, infographics, and explainer sequences that illustrate complex concepts in seconds.
Phasic Energy Case →2D
Logo Animation
Your logo and brand assets in motion. Available as Lottie files for web and app upon request.
Branding →Web
Web and UI Motion
Scroll-triggered sequences and transitions, built directly into Webflow or your stack. We always keep load times in mind.
Seconds Case →Concept
Storyboard and Styleframes
The message, narrative, and look are finalized before animation begins. You approve it scene by scene.
View Process →Film
Film and Social Clips
When real footage is required: clips and films like those for Audi and Porsche, edited for every channel.
Audi Case →Distribution
Formats and Delivery
Final cuts for websites, social media, trade fairs, and presentations, clearly labeled. Project files for future variations included.
Content Production →Motion Portfolio
Moving images that bring technology to life.
Complex web animations, transitions, and interactive modules, implemented pixel-perfectly in Webflow. Nominated for the Awwwards.
The first test drives of the RS 3 on ice at the Audi Ice Experience Center: two social clips and a documentary film.
The SL1, SR75, and HyMove rocket and propulsion systems, detailed in 3D and animated. Highly complex aerospace technology, shown in an understandable way.
Presentation of the Panamera and Macan in Austria: dynamic shots amidst powerful landscapes and authentic press testimonials.
More projects
Tap a project for details.
Phasic Energy
Animation that
technology explained.
Learn more
Proxima
Movement as part
of the brand.
Learn more
Hoebel
Four apprenticeships,
a film.
Learn more
Services in detail
3D and 2D motion design with a clear message.
Motion design is about more than just effects. Great animation guides the eye, explains complex ideas, and leaves a lasting impression. We combine 3D visualization, 2D animation, and motion graphics to deliver a clear message.
Styleframes
We create key visuals in a variety of styles. This allows you to decide on the look, lighting, and color palette before any time is invested in rendering.
3D modeling and scene building
Custom models instead of stock assets, featuring clean topology and thoughtful camera work. Built so that future variations and new scenes can be created without starting from scratch.
Material, lighting, and rendering
Realistic or stylized surfaces, lighting setups with clear visual impact, and render passes for flexible post-production. Output in any resolution you need.
Product visualization
Showcase your products, even if a prototype doesn't exist yet. Cross-sections and exploded views reveal what’s inside.
2D animation and motion graphics
Animated logos, kinetic typography, infographics, and explainer sequences. Available as Lottie files for web and app upon request.
Web and UI motion
Scroll-triggered sequences and transitions built directly into Webflow or your tech stack, with a constant focus on performance.
Sound, editing, and formats
Music and sound design as needed, plus edits for social media, websites, and trade shows. All formats are clearly labeled and delivered.
Why This Process Wins
Why This Process Wins
Why This Process Wins
Built on clarity. Not on assumptions.
Strong results are no accident. They are the product of structure, depth, and intentional choices.
01
Strategy before visuals
We define positioning and direction first. Design decisions are never random.
02
Early validation
You see mood boards and key sections before the full rollout. Alignment happens early, not after weeks of work.
03
Tailor-made, not a template
Every project is built from the ground up. No recycled systems. No shortcuts.
04
Craftsmanship meets technology
Premium design implemented with clean, modern development. Performance and aesthetics go hand in hand.
Collaboration you can plan on.
We work efficiently without rushing quality.
Private Slack channel
Every client gets their own Slack channel. Fast feedback. Transparent communication. Direct access to the team.
Dedicated project manager
A clear point of contact. Structured updates. Focused coordination across design and development.
Transparent progress
Clear phases. Clear results. You always know where we stand in the process.
Feedback at every stage
Every milestone includes review rounds. Nothing moves forward without your approval.
The Webwavers experience
Standards, for every project.
Full service. From A to Z.
Strategy · Design · Development · Hosting · SEO. One team, one process.
Lightning-fast loading times.
Because nobody likes to wait.
GDPR compliant.
Data protection compliant with
GDPR standards.
On-page SEO ready.
Discoverable on Google from day one, with a clean structure and optimal technical implementation.
A concept as unique as your brand.
No templates. No copy-paste. Every project is built from the ground up for your business.
Built to grow.
Your website grows with your requirements: new content and features can be added at any time.
Easy to edit.
Full CMS handover from day one, so your team can manage content independently.
Perfectly integrated.
Webflow connects with your entire tool stack: CRM, email, Zapier, and more.
Process
How your animation is created.
A clear path from the initial concept to the final render. You see how it’s shaping up early on and always know when your input is needed.
01
StartBriefing and storyline
We clarify the goals, channels, formats, and scope, and define the message and narrative structure. You will meet your dedicated point of contact and approve the storyboard.
02
ConceptStyleframes
We present style directions as still images. You decide on the look, lighting, and color palette before we begin animating.
03
ProductionAnimatic and animation
First, a rough draft focusing on timing, followed by the detailed animation. Each phase includes a clear feedback round.
04
HandoverRendering and formats
Final renders in all the formats and cuts you need. Delivered cleanly and ready for broadcast.
Client Testimonials
What it's like to work with us.
Multiple award-winning.
Webwavers won the German Web Award 2025 and was honored with the German Design Award 2026.
4.9-star average.
150 public reviews on Google, Trustpilot, and Sortlist from companies across the DACH region and around the world.
Marvin Nitschke
CEO, Selobia GmbH
DE
"Branding and corporate identity at the highest level. The team obsesses over every detail until everything is just right—they don't just execute ideas, they critically refine them. The communication, speed, and quality are unlike anything I've experienced before. An absolute recommendation."
Dr. Clemens Striebing
Fraunhofer IAO
DE
"Webwavers took our brand identity to the next level and delivered the website without a single revision loop. The process was professional and structured, and the communication was top-notch throughout. Highly recommended."
Alexandra Wassenhoven
CEO, Wassenhoven UG
DE
"From our very first conversation, it was clear that they think strategically. Our brand and website were completely overhauled—and the results speak for themselves. Potential clients understand exactly who we are right away."
Fabian Herrmann
Marketing, BMI Lab AG
CH
"Webwavers managed to distill our complex consulting services into a sharp visual identity. Our presence now feels immediately professional and on par with our clients. The collaboration was structured, efficient, and we had the same point of contact throughout."
Zeljko Branovic
CEO, FischerAppelt AG
DE
"Strong ideas, clear execution, and a result that is truly convincing. Webwavers understands what an agency at our level needs. I look forward to the next project."
Nawid Rafiq
CEO, HausVertrauen
DE
"Finally, a presence that radiates the trust we promise our customers every day. The branding and website integrate perfectly — the result clearly exceeded our expectations."
Vikar Ahmed
CEO, AV Gems
DE
"20 years of craftsmanship deserve a brand that makes that visible. Our rebranding and website now perfectly reflect what we stand for — timeless, precise, and with a strength that doesn't need to be loud."
Marius Gotta
CEO, Atoria Immobilien GmbH
DE
"If you want to attract premium clients in the real estate market, you need a presence that communicates that immediately. That is exactly what Webwavers delivered — visually striking, strategically sound, and of a quality that speaks for itself."
Marvin Trick
CEO, Dualis53 GmbH
DE
"The team genuinely understands what it means to develop a site that is easy to maintain afterwards. Very satisfied — would do it again without hesitation."
Claire F.
Marketing, Lenti Aviation GmbH
DE
"A brand that immediately speaks to the right audience—calm, exclusive, and at the level of our clients from the very first glance. The result completely convinced us."
Numbers and awards
Proven, not just claimed.
Reviews, awards, and partner statuses that you can verify at any time.
Clients
250+
Companies from the DACH region and around the world trust Webwavers.
Projects
140+
completed projects in branding, web design, and development.
★★★★★
4.9
Stars from 95 Google reviews.
Awards
8
Awards and accolades, including the German Design Award 2026 and German Brand Award 2026.
Webflow
1 of 7
Webflow Premium Partners in Germany.
All awards
To the awards pageGerman Design Award 2026Excellent Communications Design – WebProject: Seconds for BMI Lab AG/ 2026German Brand Award 2026Excellence in Brand Strategy and Creation, Winner levelProject: Dualis53/ 2026German Web Award 2025Web Design & Development, Top 250 Agency of the Year3 awards/ 2025
German Customer Award 2025One of the 500 most customer-friendly companiesCustomer satisfaction/ 2025
AwwwardsNominee, international juryProject: Seconds/ NomineeWebflow Premium PartnerOne of 7 agencies in GermanyPartner status/ Since 2024Framer ExpertVerified Framer ExpertPartner status/ Since 2025Sortlist Top-RatedTop ratings on SortlistReview platform/ 4.9 / 5Industries
Motion design for your industry.
Whether it's aerospace, mechanical engineering, or energy: complex products need visuals that explain. You'll find relevant case studies and our process on each industry page.
Satisfaction guarantee
We are so confident in our work that we reduce your risk to zero.
If you aren't completely convinced after seeing the styleframes and the first sequence, we will refund your deposit in full. No questions asked, no strings attached.
0 times claimed.
Across over 140 projects.
Across over 140 projects.
Guides and videos
Everything you need to know about motion and animation.
Practical insights from our projects: how motion elevates a website, what international juries look for, and how scroll animations are created.
Blog
Case study
Awwwards recognition for Seconds
Read more
Blog
How to build a landing page that actually wins customers
Read moreExplained in the video
All videos
Questions and answers
Frequently asked questions about motion design.
What is motion design?
Motion design is animated design: graphics, typography, logos, or 3D models in motion. Unlike traditional film, nothing is filmed; everything is created on a computer and can be adjusted at any time.
Do you do 3D and 2D?
Yes. We use 3D for products, technical subjects, and spatial scenes, and 2D for logo animations, infographics, and motion graphics. We often combine both.
Do we need a finished product for product visualization?
Not necessarily. We can use design data, drawings, or photos as a basis. We’ll clarify exactly what is needed during the briefing. This allows you to showcase images and animations without having to organize a photo shoot.
Which channels do you produce for?
For websites, social media, trade fairs, presentations, and events. We deliver the formats and aspect ratios you need for your specific channels.
When will I see the first results?
Early on. After the storyboard, we show you style frames, followed by an animatic with timing. This allows you to evaluate the direction and impact before we begin the time-consuming rendering process.
Can you integrate animations directly into the website?
Yes. We integrate scroll-triggered sequences, Lottie animations, and videos directly into Webflow, while ensuring optimal load times and mobile performance.
Can we reuse the animations later?
Yes. We build our models and scenes so that new variants, colors, or campaigns can be implemented without having to start from scratch.
Do you only work with companies from Günzburg and Munich?
No. Our offices are in Günzburg and Munich, but we work with companies across Germany, the DACH region, and internationally. We coordinate in person or via video call, and we set up a dedicated Slack channel for each project.
Start a project
What is your primary goal?
Select your goal and start your request. Motion design is already selected; the rest takes only about a minute.
Submit a written requestSelect your goal and budget right here. Contact details and further information will follow in the next step.Start right hereBook an appointmentPrefer to talk directly? Choose an available slot for an introductory call.Go to calendar
Response within 24 hours100% no-obligationInitial price estimate
01More inquiries & leadsTurn visitors into customers02Attract premium clientsPresent yourself and sell at a higher level03Reposition your brandClearly communicate what you stand for04Trust & credibilityMake a professional impression at first glance05Increase online visibilityGet found on Google and in AI searches06Something elseTell us about it in the final step
Motion Design Guide
Motion design agency for brands that have something to show.
The most important points at a glance: what affects the effort, how we proceed, whether 2D or 3D is the right fit, and how to recognize high-quality work.
What determines the effort of an animation
Every animation is created for its specific purpose. The amount of work involved depends less on the length and more on what needs to be shown. These factors make the difference.
What influences the scope
Length and scenes
How many scenes and camera angles does your story need? Each scene is built, animated, and rendered individually.
2D or 3D
2D animations and motion graphics are faster to produce. Custom 3D models with materials and lighting require more time.
Models and data
Do you have CAD data, drawings, or photos to work from? The better the source material, the faster we can build the model.
Level of detail
Stylized or realistic, with cross-sections or exploded views: the more refined the material, lighting, and movement, the greater the effort.
Formats and channels
Website, social media, trade fairs, or presentations: every edit and aspect ratio is custom-tailored.
Sound and voice
Music, sound design, or voiceovers as needed. Additional versions are created for other languages.
After our initial consultation, you will receive a transparent quote with a fixed scope and no hidden costs. You can see how we work at How we work in motion design.
Why custom models instead of stock assets?
Custom models showcase your product exactly, with clean topology and thoughtful camera work. They are built so that future variations and new scenes can be created without starting from scratch.
What do I receive at handover?
The final renders in all agreed-upon formats, short versions for social media, and the project files for future adjustments. If you want the animation to run on your website and need ongoing support, check out our Growth Packages for maintenance, SEO, GEO, and conversion.
Our motion design process
Every project follows the same process, from the initial concept to the final render. You’ll see how it’s shaping up early on and always know when your input is needed.
Concept
Initial consultation
A no-obligation chat. We’ll look at what you want to showcase, which channels you’re targeting, and whether we’re a good fit.
Onboarding and kickoff
We clarify goals, distribution channels, formats, and project parameters. You’ll also meet your dedicated point of contact.
Concept and storyline
We define the message, dramaturgy, and length before the first animation is created. If sound is involved, planning begins here.
Design
Storyboard
Scene by scene: see what happens, in what order, and at what pace. We only move forward once you’ve given the green light.
Styleframes
Three distinct visual styles as still images, each with a clear rationale behind the approach. You choose the look.
Animatic
The sequence as a rough cut with timing. You get an early look at how the animation works before we commit to time-consuming rendering.
First sequence
A sequence is fully developed. Our satisfaction guarantee applies until this final approval.
Production
Production and refinement
All scenes animated and refined. Lighting, materials, and timing are perfectly tuned, creating a cohesive piece rather than just loose clips.
Feedback and fine-tuning
Each phase includes a clear feedback round. We incorporate your notes before the final render.
Handover
Rendering
Final renders in all the resolutions, codecs, and edits you need.
Delivery and integration
Clean delivery, ready for playback. Upon request, we can integrate the animation directly into your website.
To see what this looks like in practice, check out how we work in motion design and our case study for HyImpulse.
How much time do I need to invest myself?
We keep your workload as low as possible. You are involved at the critical stages: briefing, approvals, and final feedback. We take care of the rest.
How long does a motion design project take?
That depends on the length, level of detail, and your approval process. We establish the schedule together at the start, with clear milestones. This way, you always know what comes next.
What happens if I don't like the initial designs?
That’s what our satisfaction guarantee is for. If you aren't convinced after the style frames and the first sequence, you get a full refund of your deposit.
2D or 3D?
Both can convey a message. The deciding factor is what needs to be shown and where the animation will be displayed. We often combine both in a single project.
3D
A good fit if
- you want to showcase a product or technology, even without a prototype
- the inner workings need to be visible via cross-sections or exploded views
- material, lighting, and perspective are important
- you need images for web, print, and trade shows from a single model
2D
A good fit if
- you want to bring your logo or brand assets to life with motion
- you want to explain figures, processes, or data through infographics
- typography and motion graphics carry the message
- you want the animation to run as a Lottie file on your website or app
In both cases, you get motion graphics that work in any format. If you want the animation to run directly on your website, we can integrate it into Webflow or your existing stack. Learn more on our Webflow Agency page.
What about film?
When live-action footage is required, we handle that too—from social clips and documentary-style films like those for Audi, to apprenticeship films like the one for Hoebel. Film and animation can be seamlessly combined in a single project.
What makes for great motion design
Great motion design answers a question before it’s even asked. Only then do effects come into play. These five points determine whether an animation truly works.
Substance over style
Message and narrative come first. Every movement has a purpose: to illustrate a connection, explain a sequence, or guide the viewer's eye.
On-brand
Color, typography, and motion intertwine. This ensures the animation feels like an integral part of your brand rather than an afterthought.
Performance
Web animations and videos are delivered in a way that won't slow down your site: using appropriate formats, compression, and lazy loading.
Accessibility
We respect the "reduce motion" system setting and provide subtitles when needed.
Built to grow
Models and scenes can be reused for new variations, colors, and campaigns without starting from scratch.
You can read about how motion makes a website feel more premium in What makes a website look expensive and in our post about the Awwwards recognition. Our industry pages show what this looks like for aviation, industry, energy, or research.
How to spot a good motion design agency
Before you make a decision, it's worth considering a few points:
- Real references, ideally featuring products or technology like yours
- Storyboard and styleframes for approval before animation begins
- A dedicated point of contact instead of shifting responsibilities
- Public reviews and independent awards
- A guarantee in case the direction isn't the right fit
You can read about how we handle this in How we work in motion design.
Checklist: How to prepare for your project
The better the preparation, the faster and more accurate the result. These points will help you before our initial consultation:
- Goal: What should the animation achieve? Explain, sell, inspire, or attract applicants?
- Target audience: Who do you want to reach, and what should they know afterward?
- Examples: Two or three animations you like, and what you like about them
- Basics: Logo, colors, fonts, and CAD data, drawings, or photos of your product
- Channels: Where will the animation be shown? Website, social media, trade fairs, or presentations?
- Length and formats: Rough duration, aspect ratios, and required cuts
- Budget and timeline: A rough idea helps with planning
- Decision-makers: Who approves designs and is involved in the project?
Don't worry, you don't need to have everything ready. We'll sort out the rest together during onboarding.
Motion design from Günzburg and Munich
Our offices are in Günzburg and Munich. We work for companies in Bavaria, the DACH region, and beyond—either on-site or remotely—always with a dedicated contact person and your own Slack channel.
Want to know if we’re a good fit for your project? Briefly introduce your project and we will get in touch personally.