Zum Inhalt springen
Kappes Films Website auf einem MacBook Pro — cineastisches Design auf orangefarbenem Sessel
Case Study

Kappes Films

Ein Filmproduktionsunternehmen, das so aussieht, wie es filmt — präzise, cineastisch, kompromisslos.

KundeKappes Films
LeistungDigitaler Auftritt
StackNext.js · Vercel · Cloudflare
Jahr2026
Kontext

Ein Filmemacher mit starkem visuellen Niveau brauchte einen Auftritt, der nicht nur Arbeit zeigt, sondern filmische Qualität, Ruhe und Vertrauen transportiert.

Wahrnehmung

Die Qualität war bereits da. Der digitale Auftritt musste sie schneller lesbar machen.

Was sich änderte

Struktur, Bildführung, Sprache und Website-System wurden so aufgebaut, dass der erste Eindruck dem tatsächlichen Niveau näherkommt.

Ausgangslage

Ein starkes Auge,
ohne digitales Zuhause.

Kappes Films produziert Imagefilme, Recruitingfilme und Social Content für Unternehmen wie die Deutsche Bahn, Sparkasse und das Klinikum Erding. Was fehlte: ein digitaler Auftritt, der diese Qualität widerspiegelt.

Die bestehende Website lief auf einem Raidboxes-WordPress-Setup mit einem generischen Theme — Ladezeiten jenseits der 10 Sekunden, teilweise fehlerhaftes responsives Verhalten, fehlende SEO-Grundlagen, und Impressum sowie Datenschutz waren nicht up to date und kein Kontaktformular. Google Lighthouse bewertete die Seite mit 13 von 100 Punkten.

Die Herausforderung: Darius Kappes filmt mit RED Komodo und Arri Alexa — die Website musste sich anfühlen wie eine Verlängerung seiner Kameraarbeit, nicht wie ein Template.

13100

Performance Score

Google Lighthouse · kappes-films.com

Performance
13100
FCP 3.6s → 0.4s
LCP 19.4s → 0.8s
Accessibility
9696
Bereits stark.
Beibehalten.
Best Practices
79100
HTTPS, Bildformate,
Security Headers.
SEO
92100
Meta, Struktur,
Semantik.
Lösung

Kein Template.
Ein Instrument.

01

Viewfinder Hero

Der Hero simuliert den Blick durch einen Kamerasucher — mit GSAP-Pin-Animation, technischen Metadaten (ISO, Shutter, Lens) und einem Showreel-Button, der ein Vimeo-Modal mit Consent-Gate öffnet.

02

Cine Core Design

Das Design-System orientiert sich an RED Komodo und Arri Alexa Interfaces — near-black Surfaces, keine Borders, sondern tonale Tiefe. Calibre als einzige Schrift in Light und Medium, reduziert und technisch wie die Kamera-Interfaces selbst.

03

Performance-First

Next.js 16 mit Turbopack, deployed auf Vercel Edge. DNS über Cloudflare, Mail über Strato SMTP. Kontaktformular mit Honeypot-Spam-Schutz, DSGVO-konformes Consent-System — ohne externe Tracker.

Infrastruktur

Unter der
Oberfläche.

Eine Website ist mehr als das, was man sieht. Hinter Kappes Films steckt eine durchdachte Infrastruktur, die Performance, Sicherheit und Wartbarkeit verbindet.

Domain & DNS

Migration auf Cloudflare DNS. Apex-301 auf www, projekt-spezifischer Vercel CNAME. Mehrere Domains konsolidiert auf eine primäre Domain.

Mail & Formulare

SMTP mit SPF + DMARC (strict reject). Service-basiertes Routing für verschiedene Anfragen. Honeypot-Spam-Schutz statt reCAPTCHA.

Consent & Legal

Eigenes Consent-System ohne Drittanbieter-Cookies. Vimeo-Embeds erst nach Einwilligung. Impressum und Datenschutz 2026-konform (DDG §5, VSBG §36, DSGVO).

Deployment

Vercel mit Turbopack Build und Edge-Deployment. Automatisches SSL via Let's Encrypt.

Ergebnis

Von 13 auf 100.
Ohne Kompromisse.

kappes-films.com ist live — schneller, sicherer und visuell auf dem Niveau der Produktionen, die Darius Kappes dreht.

Nächstes ProjektBrand SystemLa Fenice