0
Studio Motion lädt
Websites · die sich bewegen · und konvertieren

Websites
die wirken.

Wir bauen digitale Erlebnisse mit Animationen, die Aufmerksamkeit erzeugen — und Kunden gewinnen.

0
% Zufriedenheit
0
Tage Lieferzeit
Kostenlos anfragen
Motion Design ✦ Landing Pages ✦ E-Commerce ✦ GSAP Animationen ✦ Scroll Experience ✦ 3D Webseiten ✦ Motion Design ✦ Landing Pages ✦ E-Commerce ✦ GSAP Animationen ✦ Scroll Experience ✦ 3D Webseiten ✦
Magnetische Buttons · Text Scramble · Parallax Effekte · Clip-Path Reveal · Horizontal Scroll · Custom Cursor · Magnetische Buttons · Text Scramble · Parallax Effekte · Clip-Path Reveal · Horizontal Scroll · Custom Cursor ·
Ansehen ↗
Aironix

01 — Aironix

Aeroponische Landingpage

Landing Page · 3D · Scroll Animation

Ansehen ↗
Phenoroots

02 — Phenoroots

Multi-Page Shop

E-Commerce · GSAP · Motion Design

Ansehen ↗
Nextgen

03 — Nextgen

SaaS Landing Page

SaaS · Preloader · Counter Animation

Ansehen ↗
Waveform

04 — Waveform

Brand-Erlebnis mit Particles

Brand · Particles · Canvas

Ziehe nach rechts

Was wir bauen

Leistungen.

01

Landing Page

Eine Seite. Maximaler Eindruck. Scroll-Animationen, Hero-Reveal, Konversionsstrategie — alles inklusive.

Preis auf Anfrage

+

Perfekt für Produktlaunches, Kampagnen oder als starker erster Auftritt. Wir bauen eine hochperformante Single-Page mit klarer Conversion-Strecke.

  • Hero-Sektion mit Textanimation & CTA
  • Scroll-Reveal für alle Sektionen
  • Kontaktformular oder Buchungslink
  • Mobile-first optimiert
  • Lieferung in 3–5 Werktagen

02

Multi-Page Website

Kompletter Auftritt: Startseite, Shop, Über uns, FAQ. Durchgängiges Animationssystem, einheitliche Sprache.

Preis auf Anfrage

+

Für Unternehmen, die mehr als eine Seite brauchen — mit konsistentem Design und einem Animationssystem, das sich durch alle Unterseiten zieht.

  • 3–5 Seiten inkl. Navigation
  • Horizontaler Scroll, Parallax, Custom Cursor
  • Blog- oder Portfolio-Bereich optional
  • SEO-Grundstruktur inklusive
  • Lieferung in 7–10 Werktagen

03

E-Commerce Shop

Produktpräsentation mit 3D-Viewer, animierten Produktkarten, Checkout-Optimierung.

Preis auf Anfrage

+

Produkte verdienen Aufmerksamkeit — nicht nur ein Bild auf weißem Hintergrund. Wir bauen Shops, die verkaufen, weil sie überzeugen.

  • Animierte Produktkarten & Zoom
  • 3D-Viewer oder Video-Hero optional
  • Warenkorb, Filter, Checkout-Flow
  • Shopify- oder Custom-Integration
  • Lieferung nach Absprache

04

Redesign

Bestehende Website auffrischen. Layout modernisieren, Animationen einbauen, Performance steigern.

Preis auf Anfrage

+

Deine Website wirkt veraltet oder konvertiert nicht mehr? Wir analysieren, was fehlt, und liefern ein modernes Ergebnis — ohne Neuaufbau von Grund auf.

  • Analyse des bestehenden Auftritts
  • Layout- & Farbsystem modernisieren
  • Animationen & Interaktionen einbauen
  • Performance & Ladezeit verbessern
  • Lieferung in 5–7 Werktagen

05

Motion Experience

WebGL, Particles, Shader-Effekte, 3D-Modell-Viewer. Maximale visuelle Wirkung für Premium-Brands.

Preis auf Anfrage

+

Für Brands, die nicht nur gesehen, sondern erlebt werden wollen. WebGL, Three.js und Shader verwandeln die Website in ein immersives Erlebnis.

  • 3D-Modelle & WebGL-Szenen
  • Particle-Systeme & Shader-Effekte
  • Preloader, Page-Transitions, Custom Cursor
  • Vollständiges Motion-Design-System
  • Lieferzeit nach individuellem Briefing

06

Wartung & Updates

Monatlicher Support, Content-Updates, Performance-Monitoring. Deine Website läuft — immer.

Preis auf Anfrage

+

Nach dem Launch ist vor dem Wachstum. Wir übernehmen Pflege, Updates und technischen Support — damit du dich auf dein Business konzentrierst.

  • Monatliche Content-Updates
  • Performance-Monitoring & Optimierung
  • Technischer Support per E-Mail
  • Backup & Sicherheitsupdates
  • Kündigung monatlich möglich
Jetzt loslegen →

Wie wir arbeiten

Unser
Prozess.

Von der ersten Idee zur fertigen Animation. Transparent, schnell, ohne Überraschungen.

Jetzt starten →

01

Briefing

30-minütiger Call. Wir klären Ziele, Zielgruppe, Stil und Budget. Kein Formular-Dschungel.

02

Konzept & Design

Wir skizzieren Layout und Animationssystem. Du siehst einen klickbaren Prototype bevor eine Zeile Code entsteht.

03

Build & Motion

GSAP, Lenis, Three.js. Jede Animation präzise getaktet. Jede Interaktion durchdacht.

04

Launch

Hosting, Domain, Deployment — wir kümmern uns. Oder wir übergeben sauber an dein Team.

0
Tage ⌀ Lieferzeit
0
% Kundenzufriedenheit
0
Animationstechniken

Animationspalette

Was alles möglich ist.

Typewriter
GSAP Text
Split-Flap Display
Character Cycle
Parallax Layer
Mousemove
Studio
Motion
3D Tilt
Mousemove
SVG Path Draw
DrawSVG / Dash
Hover mich
Farb-Morphing
Background Tween
Particle System
Canvas API
Clip-Path Wipe
Clip-Path Reveal
GSAP Clip
Stagger Wave
CSS + Stagger
Deine Website so umsetzen →

Investition

Pakete.

Individuell. Transparent. Preis auf Anfrage.

Starter

Landing Page

Preis auf Anfrage
  • 1 Seite, vollständig animiert
  • Scroll-Reveal Animationen
  • Hero + CTA + FAQ + Footer
  • Mobile-optimiert
  • Netlify Deployment
  • Lieferung in 3–5 Tagen
Anfragen

Premium

Motion Experience

Preis auf Anfrage
  • Unbegrenzte Seiten
  • WebGL / Three.js
  • Shader Effekte
  • Particle System
  • Preloader + vollständige Motion
  • Lieferzeit nach Absprache
Anfragen

Häufige Fragen

FAQ.

Wie lange dauert es, bis meine Website fertig ist?
+
Landing Pages liefern wir in 3–5 Werktagen. Multi-Page Websites in 7–10 Tagen. Motion-Experience-Projekte nach individuellem Briefing — in der Regel 2–3 Wochen. Du bekommst immer einen klaren Zeitplan vor Projektstart.
Was kostet eine Website bei Studio Motion?
+
Landing Pages starten ab 890 €, Multi-Page Websites ab 1.890 €, Premium Motion Experiences ab 3.900 €. Alle Preise sind Festpreise — kein Stundensatz-Roulette, keine versteckten Kosten. 50 % Anzahlung bei Auftragserteilung, Rest nach Abnahme.
Welche Technologien verwendet ihr?
+
Wir arbeiten mit HTML, CSS, JavaScript, GSAP, Lenis, Three.js und Canvas API. Kein Page-Builder, kein WordPress-Overhead — handgeschriebener Code für maximale Performance und volle Kontrolle über jedes Detail.
Kümmert ihr euch auch um Hosting und Domain?
+
Ja. Wir deployen auf Vercel oder Netlify — kostenlos für die meisten Projekte. Domain-Einrichtung und SSL-Zertifikat sind inklusive. Auf Wunsch übergeben wir auch alles sauber an dein eigenes Hosting oder Team.
Kann ich meine Website danach selbst bearbeiten?
+
Je nach Umfang. Texte und Bilder lassen sich in der Regel selbst anpassen — wir erklären dir wie. Für regelmäßige Updates empfehlen wir unser Wartungspaket ab 89 €/Monat, damit du dich nicht um Technik kümmern musst.
Wie läuft die Zusammenarbeit ab?
+
Kurzer 30-Minuten-Call zum Briefing → Konzept & Designvorschlag → Feedback-Runde → Build → Launch. Alles transparent, keine langen Meetings, keine Formular-Hölle. Du erreichst uns direkt per E-Mail oder Video-Call.

Bereit für eine
Website die wirkt?

E-Mail studio.motion26@gmail.com ↗
Erreichbarkeit
Mo – Fr09:00 – 18:00 Samstag10:00 – 14:00 SonntagGeschlossen