Movieheld

Kunde Movieheld — Mario Held Auftrag

Vibecoding
Web-Entwicklung
SEO & GEO

Jahr 2025

GSAP / Lenis
Scroll-Driven UI
Structured Data

/ ÜBERBLICK

Für Movieheld entstand eine cinematic scroll-getriebene Website — gebaut für einen Filmemacher, der selbst weiß, wie man Emotionen transportiert.

Mario Held von Movieheld produziert Imagefilme, Recruitingvideos, Eventvideos und Werbefilme in und um Chemnitz. Die Website sollte das spiegeln: kein Template, kein Baukasten — sondern eine eigene Bildsprache mit Card-Stack-Scrolling, gepinnten Leistungs-Slides und einem großen SVG-Hero-Schriftzug.

Dazu ein technisches SEO/GEO-Fundament mit Structured Data, GA4 (Consent Mode v2), Open Graph und sauberem Performance-Setup — damit Movieheld nicht nur gut aussieht, sondern auch gefunden wird.

Live ansehen

/ PROJEKT-DETAILS

Name Movieheld — Filmemacher-Website

Kunde Movieheld — Mario Held

Leistungen Vibecoding, Web-Entwicklung, SEO/GEO

Jahr 2025

Movieheld — Leistungen: Imagefilm, Recruiting, Eventvideo, Werbefilm

Movieheld — Portfolio: Marx Bier, Eastside, Immoteufel, Kemnitzer Köpfe

/ HERAUSFORDERUNG

Die Herausforderung: Eine Website für einen Filmemacher, der visuelle Qualität täglich lebt. Kein Template sollte das leisten — die Seite musste selbst cinematic wirken: eigene Scroll-Logik, gepinnte Leistungs-Slides, SVG-Hero und ein Portfolio, das die Videos wirklich zeigt.

/ LEISTUNGEN

Vibecoding / Rapid Prototyping

UI-Konzept, Komponentenstruktur und Interaktionsdesign im Flow — von der Idee bis zum fertigen Layout ohne Umweg über Wireframes und Agentur-Schleifen.

Web-Entwicklung

GSAP ScrollTrigger für Card-Stack, gepinnte Sections und Reveal-Animationen. Lenis für butterweichen Smooth-Scroll. Vanilla JS ohne Framework-Overhead — schnell, wartbar, sauber.

SEO & GEO

Schema.org (LocalBusiness, VideoObject), GA4 mit Consent Mode v2, Open Graph, Meta-Setup und Performance-Basics — damit Movieheld lokal und in der KI-Suche sichtbar wird.

Movieheld — Mobile-Ansicht: responsive Design

Movieheld — Vorteile: Kameramann, Vertonung, Videoschnitt, Colorgrading

/ LÖSUNG

Movieheld bekam eine eigene Scroll-Architektur: gepinnter Hero über einem Card-Stack, SVG-Schriftzug als Headline, Leistungen als interactive Slide-List und ein Portfolio mit Hover-Play-Videos — alles ohne Framework, alles mit echten Millisekunden-Ladezeiten.

/ TECH-STACK

HTML5, CSS3 & Vanilla JS

Semantisches Markup, Custom Properties, fluid responsive Layouts. Kein React, kein Next.js — bewusst schlanke Basis für maximale Performance und Wartbarkeit.

GSAP & Lenis

ScrollTrigger für gepinnte Sections, Card-Stack-Übergänge, Text-Reveals und clip-path-Animationen. Lenis für natürliches Smooth-Scrolling ohne Eigengewicht.

SEO & GEO

LocalBusiness + VideoObject Schema, llms.txt, GA4 Consent Mode v2, Open Graph, Performance-Baseline, Admin-Interface für Partnerverwaltung und Portfolio-Updates.