Kunde
neon4 Film & Animation GmbH
Leistungsumfang
Konzept, Layout, Webdesign für Videoproduktion, Parallax-Storytelling, GSAP-Animationen, WebGL/Motion-Visuals, Preisrechner, SEO & KI-Suchoptimierung
Technologien
HTML5, CSS3, JavaScript, GSAP, WebGL (z. B. Three.js), Performance-Optimierung (Core Web Vitals)
Zeitraum
Deutschland, 2025
Website URL
neon4.de
HEX #a2ff00
RGB 162, 255, 0
CMYK 36%, 0%, 100%, 0%
HEX #171717
RGB 23, 23, 23
CMYK 0%, 0%, 0%, 91%
Für neon4 wurde eine Projektseite entwickelt, die die Qualität der Produktionen spürbar macht – mit Parallax-Effekten, präzisen GSAP-Animationen und WebGL-Visuals, ohne Performance oder SEO zu opfern.
Neben einem klar strukturierten Responsive Design lag der Fokus
auf echter Zugänglichkeit: variable Schriftgrößen,
High-Contrast-Mode sowie eine intuitive Bedienung
ermöglichen allen Patientinnen und Patienten einen
uneingeschränkten Zugang zu Informationen.
Video-Postprocessing mit gezieltem Filmkorn, subtilen Scanlines und fein abgestimmtem Color Grading sorgt für einen unverwechselbaren „cinematic look“ – konsistent über Showreels, Social Cutdowns und Kampagnenformate hinweg. So entsteht ein hochwertiges Finish, das Markenauftritt und Bildsprache von neon4 klar differenziert.
Ein integrierter Preisrechner erleichtert potenziellen
Kundinnen und Kunden die erste Kontaktaufnahme, senkt die
Einstiegshürde und führt zu besseren Briefings – für mehr
Anfragen mit klaren Erwartungen.
Parallax, Motion & Sichtbarkeit
Für neon4 wurde eine Projektseite entwickelt, die nicht nur informiert, sondern „wie ein Film“ erzählt: Parallax-Ebenen, Micro-Interactions und smooth Scrolling sorgen für eine hochwertige Dramaturgie. Die Animationen werden performant mit GSAP getrieben; WebGL-Elemente liefern Tiefe, Partikel- oder Shader-Effekte – ohne die Bedienbarkeit zu kompromittieren.
Zur Conversion-Maximierung ist ein Preisrechner integriert, der Interessenten in wenigen Schritten zu einer realistischen Budget-Indikation führt. Das reduziert Reibung in der Anfrage, filtert unpassende Leads frühzeitig heraus und sorgt für deutlich bessere Briefings – inklusive klarer Leistungsoptionen (Drehtage, Postproduktion, Motion/3D, Social Cutdowns). Das Ergebnis: mehr qualifizierte Anfragen, kürzere Abstimmungswege und höhere Abschlussquoten.
Der Fokus liegt auf „smoothness“ und Timing: Parallax-Abschnitte, Reveal-Transitions und Scroll-getriggerte Sequenzen werden mit GSAP sauber choreografiert. So wirkt das Erlebnis hochwertig, bleibt aber kontrollierbar (Fallbacks, Reduced-Motion, saubere CPU/GPU-Last) – essenziell für Conversion und Vertrauen.
WebGL-Elemente (z. B. Partikel, 3D-Transitions oder leichte Shader-Overlays) erzeugen eine moderne Motion-Ästhetik, die zur Videobranche passt. Wichtig: Effekte werden progressiv geladen, auf mobilen Geräten gedrosselt und so umgesetzt, dass Core Web Vitals stabil bleiben.
Videobranche = Heavy Media: entscheidend sind saubere Metadaten, Vorschaubilder, Transkripte/Untertitel, und strukturierte Daten (VideoObject, Organization, Service). Case-Studies bekommen klare H1/H2-Struktur, sprechende URLs, interne Verlinkung und Local SEO-Signale – damit Produktionen nicht nur gut aussehen, sondern auch gefunden werden.
Für neon4 steht der Look für Tempo, Präzision und Qualität: ein reduziertes Grundlayout, Neon-Akzentfarbe, klare Typografie und wiederkehrende Motion-Muster. So bleibt die Seite trotz starker Animationen strukturiert, stärkt die Marke und führt Nutzer schnell zu Portfolio, Leistungen und Anfrage.
"Kai hat unsere Seite genau so inszeniert, wie wir arbeiten: cinematic, präzise und auf den Punkt. Parallax, GSAP und WebGL wirken hochwertig, ohne die Performance zu belasten – und der Preisrechner spart uns in der Akquise spürbar Zeit. Ergebnis: mehr Anfragen, bessere Briefings, klarere Erwartungen."
Für Videoproduktionsfirmen zählen Look, Tempo und Vertrauen: starke Referenzen, klare Leistungen, schnelle Performance und SEO – auch mit viel Bewegtbild.