Lösung 01 · Website mit Scroll-Film
Ein Scroll-Film, den der Besucher mit dem Daumen steuert.
Auf heimdallmedia.de und repaircockpit.de läuft beim Scrollen ein Film. Kein Video-Player, kein Autoplay: eine Bildfolge, die der Besucher mit dem Daumen vor- und zurückbewegt. So baue ich das auch für dich — Sitz in Halver, Projekte in ganz Deutschland, Gespräch per Video oder vor Ort.
Worauf es ankommt
Ein Film, der auf den Besucher wartet. Ein normales Video läuft von allein — ob jemand hinsieht oder nicht. Beim Scroll-Film bestimmt der Besucher das Tempo: Er hält an, wo es ihn interessiert, und scrollt zurück, wenn er etwas verpasst hat. Auf heimdallmedia.de heißt der Film „Von Midgard nach Asgard“: eine Werkstatt bei Nacht, ein Aufstieg durch den Nebel, ein Licht, das zur Brücke wird, und am Ende ein Tor, das sich öffnet. Sechs Sätze, ein Gedanke — zwischen deinem Betrieb und deinen Kunden liegt eine Strecke, und wir bauen die Brücke.
Technisch ist es kein Video. Der Film besteht aus einzelnen WebP-Bildern, die beim Scrollen auf eine Zeichenfläche im Browser gezeichnet werden. Die Bilder werden im Hintergrund entpackt, bevor der Besucher sie erreicht. Deshalb bleibt die Seite schnell: PageSpeed Insights misst für heimdallmedia.de mobil 99 Punkte Leistung und je 100 bei Barrierefreiheit, Best Practices und SEO, 1,9 Sekunden bis zum größten Bildelement; am Desktop 100 Punkte und 0,4 Sekunden (28.09.2026). repaircockpit.de: mobil 97 Punkte, 1,8 Sekunden.
Fürs Handy gibt es eigene Bilder. Ein Querformat-Film, ins Hochformat gequetscht, verliert das Motiv. Deshalb bekommt das Handy eine eigene Bildfolge im Hochformat, bei der der Ausschnitt dem Motiv folgt. Die Handybilder auf heimdallmedia.de stammen aus Clips, die auf 4K hochgerechnet wurden — damit auf einem scharfen Display nichts pixelig wird.
Die Bilder entstehen mit KI — die Geschichte nicht. Die Filmbilder erzeuge ich mit einem KI-Videomodell (Higgsfield). Drehbuch, Schnitt, Timing und die Sätze im Film kommen von mir, aus dem, was du mir über deinen Betrieb erzählst. Was echt sein muss, bleibt echt: Bei RepairCockpit liegt die echte Software als eigene Ebene im Film, nicht als KI-Malerei. Und ich sage offen, dass KI im Spiel war — in sozialen Netzwerken tragen solche Beiträge ohnehin ein KI-Label.
Wer keinen Film will, bekommt keinen. Hat ein Besucher in seinem System „Bewegung reduzieren“ eingeschaltet, zeigt heimdallmedia.de ein Standbild mit dem Knopf „Film abspielen“. Ohne JavaScript steht ebenfalls ein Standbild da. Ob dein Film immer läuft oder erst auf Wunsch, entscheidest du — bei repaircockpit.de läuft er immer. Beide Seiten kommen ohne Cookies und ohne Tracker aus; der Film braucht beides nicht. Der Film ist ein Teil der Seite — den Rest baue ich wie bei jedem Webdesign-Projekt: gemessen, nicht behauptet.
Was du bekommst
Bildfolge statt Video-Player
WebP-Einzelbilder, beim Scrollen auf eine Zeichenfläche gezeichnet. Kein Player, keine Einbettung von fremden Servern.
Schnell trotz Film
heimdallmedia.de mobil: 99 Punkte Leistung, 1,9 Sekunden bis zum größten Bildelement. repaircockpit.de: 97 Punkte, 1,8 Sekunden. PageSpeed Insights, 28.09.2026.
Eigene Bilder fürs Handy
Hochformat-Bildfolge, der Ausschnitt folgt dem Motiv. Aus Clips, die auf 4K hochgerechnet wurden.
Standbild, wenn gewünscht
Bei „Bewegung reduzieren“ ein Standbild mit „Film abspielen“, ohne JavaScript ein Standbild. Ob der Film immer läuft, entscheidest du.
Ohne Cookies, ohne Tracker
Der Film lädt nichts von Dritten nach. Beide Beispielseiten kommen ohne Cookies aus.
Die Sätze tragen die Geschichte
Sechs bis sieben Szenen, je ein Satz mit sechs bis acht Wörtern. Die Bilder zeigen, der Text führt.
Live ansehen
Selbst scrollen statt glauben.
HeimdallMedia — „Von Midgard nach Asgard“
Werkstatt bei Nacht, Aufstieg durch den Nebel, ein Licht wird zur Brücke, ein Tor öffnet sich. Mobil 99 Punkte Leistung, je 100 bei Barrierefreiheit, Best Practices und SEO; bei „Bewegung reduzieren“ ein Standbild mit „Film abspielen“.
RepairCockpit — „Vom Zettelchaos zum Cockpit“
Der Tresen einer Handy-Werkstatt räumt sich auf; die echte Software liegt als eigene Ebene im Film. Mobil 97 Punkte Leistung, SEO 100, 1,8 Sekunden bis zum größten Bildelement — der Film läuft dort immer.
Ablauf
So entsteht dein Scroll-Film
Der Aufwand liegt in Konzept und Bildern, nicht in der Technik. Die Technik steht.
- 01
Gespräch, per Video oder vor Ort
Was macht dein Betrieb, und was soll der Besucher am Ende verstanden haben? Lässt sich das nicht in sechs Szenen erzählen, sage ich dir das — und empfehle die ruhige Seite ohne Film.
- 02
Drehbuch
Sechs bis sieben Szenen, je ein Satz. Du liest es, bevor ein einziges Bild entsteht. Hier wird geändert, solange es billig ist: vorher.
- 03
Bilder
Die Clips entstehen mit dem KI-Videomodell; echte Bildschirminhalte kommen als eigene Ebene dazu. Für Desktop und Handy getrennt, Handy im Hochformat.
- 04
Einbau
Bildfolge, Zeichenfläche, Standbild als Rückfall, Messung der Sehtiefe. Der Film wird Teil der Seite, kein Fremdkörper darauf.
- 05
Messen, dann Livegang
Vor dem Livegang messe ich Ladezeit und Darstellung auf dem Telefon. Die Zahlen bekommst du schriftlich.
Aus der Praxis
RepairCockpit
„Vom Zettelchaos zum Cockpit“: Der Tresen einer Handy-Werkstatt räumt sich auf, die Zettel werden zu Karten im Board, die Spalten zum Logo. Mobil 97 Punkte Leistung, 1,8 Sekunden bis zum größten Bildelement.
Zur FallstudieHäufige Fragen
Kurz und ehrlich beantwortet.
Was ist ein Scroll-Film?
Eine Bildfolge, die beim Scrollen abläuft: Jede Scrollposition entspricht einem Bild. Der Besucher steuert Tempo und Richtung selbst, ein Video-Player kommt nicht vor. Auf heimdallmedia.de und repaircockpit.de kannst du das ausprobieren.
Macht der Film die Seite langsam?
Nicht, wenn er richtig gebaut ist. heimdallmedia.de erreicht mobil 99 Punkte Leistung bei PageSpeed Insights und 1,9 Sekunden bis zum größten Bildelement, repaircockpit.de 97 Punkte und 1,8 Sekunden — beide gemessen am 28.09.2026. Die Bilder werden im Hintergrund entpackt, bevor der Besucher sie erreicht. Bei Google zählt der Film selbst nicht, die Ladezeit schon — deshalb wird sie vor dem Livegang gemessen.
Sind die Bilder echt oder KI?
Die Filmbilder entstehen mit einem KI-Videomodell. Drehbuch, Schnitt, Timing und Texte mache ich. Was echt sein muss, wird echt eingesetzt — bei RepairCockpit liegt die echte Software als eigene Ebene im Film. Und ich sage offen, dass KI im Spiel war; in sozialen Netzwerken tragen solche Beiträge ein KI-Label.
Für welche Betriebe lohnt sich das?
Für Betriebe mit einer Geschichte, die sich in sechs Szenen erzählen lässt: ein Vermieter vom Anruf zur Baustelle, eine Werkstatt vom Serienwagen zur Leistung, eine Gastronomie mit fünfzig Jahren Geschichte, ein Industriebetrieb, der Bewerber sucht. Für eine Praxis oder einen Handwerksbetrieb, bei dem Telefonnummer und Öffnungszeiten zählen, gewinnt meist die schnelle, ruhige Seite ohne Film. Das sage ich dir im ersten Gespräch.
Was kostet eine Website mit Scroll-Film?
Eine mehrseitige Unternehmensseite startet bei uns im mittleren vierstelligen Bereich. Der Film kommt als eigener Posten dazu, weil Drehbuch, Bilder für Desktop und Handy und der Einbau eigene Arbeit sind. Die Größenordnung nenne ich dir nach einem kurzen Gespräch — vorher wäre es geraten.
Funktioniert das auf dem Handy?
Ja, mit eigenen Bildern: Das Handy bekommt eine Hochformat-Bildfolge, bei der der Ausschnitt dem Motiv folgt. Die Handybilder auf heimdallmedia.de stammen aus Clips, die auf 4K hochgerechnet wurden.
Was ist mit Besuchern, die keine Bewegung wollen?
Wer in seinem System „Bewegung reduzieren“ eingeschaltet hat, sieht auf heimdallmedia.de ein Standbild mit dem Knopf „Film abspielen“. Ohne JavaScript steht ebenfalls ein Standbild da. Ob dein Film immer läuft oder erst auf Wunsch, entscheidest du — bei repaircockpit.de läuft er immer.
Muss ich dafür nach Halver kommen?
Nein. HeimdallMedia sitzt in Halver im Märkischen Kreis, gebaut wird für Betriebe in ganz Deutschland. Das erste Gespräch führen wir per Video oder, wenn du in der Nähe bist, bei dir im Betrieb. Drehbuch und Bilder stimmen wir per Bildschirmfreigabe ab.
