Fallstudie · Video- und Content-Produktion

MLvisuals: Website für eine Videoproduktion aus Hagen

MLvisuals produziert Imagefilme, Werbevideos, Social-Media-Content und Eventvideos für Unternehmen. Für Inhaber Leon Kunath haben wir eine Website entwickelt, die das Portfolio so hochwertig zeigt wie die Arbeit selbst und aus Besuchern konkrete Projektanfragen macht.

MLvisuals live ansehen Portfolio-Website besprechen

Website MLvisuals Videoproduktion – Desktop-Ansicht

Website MLvisuals Videoproduktion – Tablet-Ansicht

Website MLvisuals Videoproduktion – Smartphone-Ansicht

Ausgangslage

Die Website ist selbst eine Arbeitsprobe

Wer eine Videoproduktion beauftragt, entscheidet nach Bildern. Ein Unternehmen, das einen Imagefilm oder Social-Media-Content sucht, will in wenigen Sekunden sehen, ob Stil und Qualität zur eigenen Marke passen. Für MLvisuals ist die Website deshalb mehr als eine digitale Visitenkarte: Sie ist die erste Arbeitsprobe, die ein möglicher Kunde zu sehen bekommt.

Gleichzeitig bringt Bewegtbild technische Fragen mit sich. Videodateien sind groß, werden auf dem Smartphone oft über mobile Daten geladen und spielen auf iPhones nur ab, wenn der Server sie passend ausliefert. Die übliche Abkürzung, Videos bei YouTube oder Vimeo einzubetten, holt fremde Logos, Empfehlungen und Cookies auf die eigene Seite.

Hinzu kommt die Zielgruppe: MLvisuals arbeitet ausschließlich für Unternehmen, Marken, Veranstalter, Gastronomie, Immobilienanbieter, Selbstständige und Dienstleister. Die Seite musste genau diese Kunden ansprechen. Als gestalterische Grundlage dienten Logo und Visitenkarte von MLvisuals.

Ziel

Neue Firmenkunden mit Bewegtbild überzeugen

Die neue Website sollte neue Firmenkunden gewinnen. Daraus ergaben sich drei Anforderungen, an denen sich jede Entscheidung in Gestaltung und Technik messen lassen musste.

Portfolio in Kinoqualität zeigen

Showreel und Kundenprojekte sollen groß, ruhig und ohne Fremdwerbung laufen, im Quer- wie im Hochformat.

Schnell bleiben trotz Video

Videos dürfen die Seite nicht ausbremsen. Was nicht sichtbar ist, lädt nicht, und auf dem iPhone muss alles abspielbar sein.

Anfragen mit Briefing erhalten

Aus dem ersten Kontakt soll schnell ein Angebot werden. Dafür braucht es Leistung, Drehort, Zeitraum und Budgetrahmen.

Umsetzung

Wenig Text, viel Bewegtbild

Das Leitprinzip der Seite lautet: wenig Text, viel Bewegtbild. Struktur, Gestaltung und Technik sind darauf ausgerichtet, dass die Videos wirken und trotzdem nichts den Weg zur Anfrage verstellt.

Seitenstruktur

Fünf Inhaltsseiten mit jeweils einer klaren Aufgabe

Die Startseite öffnet mit einem Hintergrundvideo und führt über Leistungen, Showreel, eine Auswahl von Kundenprojekten und den Ablauf zur Anfrage. Die Leistungsseite erklärt Imagefilme, Werbevideos und Ads, Social-Media-Content, Eventvideos und Social-Media-Betreuung jeweils mit Vorschauvideo. Dazu kommen die Formate 16:9, 9:16, 4:5 und 1:1, ein Ablauf in vier Schritten und häufige Fragen.

Das Portfolio zeigt neun Kundenprojekte und lässt sich nach Imagefilm, Werbung, Social Media und Event filtern. „Über mich“ stellt Leon Kunath und seine Arbeitsweise mit Fotos vom Set vor. Die Texte sind in Ich-Form geschrieben, damit Kunden wissen, mit wem sie drehen.

Design

Monochrome Kamera-Optik nach Visitenkarte

Die Gestaltung ist bewusst streng schwarz-weiß und kommt ohne Akzentfarbe aus, damit die Farben der Videos wirken. Abschnitte schieben sich beim Scrollen mit schräger Kante und feinem Streifen über das Hero-Video, ein Motiv direkt aus der Visitenkarte.

Details aus der Kamerawelt geben der Seite Charakter: eine REC-Anzeige mit laufendem Timecode, Sucherecken um Bilder und Videos und Formatangaben wie 2.39 : 1. Das Showreel läuft am Desktop im Kinoformat. Die Schriften Montserrat und Inter liegen auf dem eigenen Server.

Technik

Videos vom eigenen Server statt von YouTube

Die Website ist mit Nuxt 4 individuell entwickelt und wird serverseitig gerendert. Alle Videos kommen als MP4 vom eigenen Server. Der Server liefert sie in Teilstücken aus, was iPhones zum Abspielen voraussetzen.

Das Hero-Video gibt es quer und hochkant, die Seite wählt die Fassung passend zur Bildschirmausrichtung und pausiert sie, sobald sie verdeckt ist. Das Showreel lädt zunächst nur Metadaten, Projektvorschauen laden erst im sichtbaren Bereich. Ist „Bewegung reduzieren“ oder der Datensparmodus aktiv, startet kein Video von selbst.

Lokale SEO

Hagen als Basis, ganz Deutschland als Einsatzgebiet

Jede Seite hat einen eigenen Titel und eine eigene Beschreibung mit Leistung und Ort, etwa „Videoproduktion in Hagen“. Strukturierte Daten beschreiben MLvisuals als Dienstleister mit Adresse in Hagen, Inhaber, den fünf Leistungen und den Einsatzgebieten Hagen, NRW und Deutschland.

Die häufigen Fragen der Leistungsseite sind zusätzlich als FAQ-Daten hinterlegt, alle Unterseiten tragen Brotkrümel-Daten. Sitemap, Canonical-Adressen und Weiterleitungen auf eine einheitliche Domain sorgen dafür, dass Google jede Seite genau einmal kennt.

Anfragewege

Ein Anfrageformular, das ein Briefing ersetzt

Das Formular fragt ab, was für ein Angebot nötig ist: die gewünschte Leistung als Mehrfachauswahl oder „noch unklar“, Unternehmen, Drehort, Wunschtermin und optional einen Budgetrahmen in vier Stufen. Wer von einer Leistung aus anfragt, findet sie bereits vorausgewählt.

Die Anfrage läuft über unser Kontakt-Backend als E-Mail an MLvisuals, der Absender erhält eine Eingangsbestätigung. Scheitert das Senden, bietet die Seite WhatsApp und E-Mail an. Auf dem Smartphone bleiben WhatsApp und Anfrage über eine schwebende Leiste erreichbar.

Ergebnis

Eine Website, die wie ein Showreel wirkt

Heute präsentiert mlvisuals-nrw.de die Arbeit von MLvisuals so, wie sie gemeint ist: groß, in Bewegung und ohne fremde Plattform dazwischen. Besucher sehen in den ersten Sekunden Bildsprache und Qualität und finden von jeder Seite aus den Weg zur Anfrage.

Weil die Seite keine Cookies setzt, kein Tracking nutzt und keine fremden Inhalte nachlädt, braucht sie kein Cookie-Banner. Der erste Eindruck bleibt frei von Hinweisfenstern, und die Datenschutzerklärung beschreibt genau das, was technisch passiert.

Showreel und Portfolio laufen ohne Werbung und ohne Fremdlogos
Anfragen kommen mit Leistung, Drehort, Zeitraum und Budgetrahmen an
Showreel und Projektvorschauen laden erst bei Bedarf
Rücksicht auf reduzierte Bewegung und Datensparmodus
Strukturierte Daten für Leistungen, FAQ und Einsatzgebiet

Passende Leistungen

Passende Pakete für eine Portfolio-Website

Sie planen einen Auftritt, bei dem Bilder und Videos verkaufen sollen? Diese Leistungen passen zu einem vergleichbaren Projekt.

Ab 2.000 €

Premium-Website mit SEO

Bis zu zehn Seiten plus Blog, Animationen und Effekte für einen hochwertigen Auftritt sowie technische SEO mit strukturierten Daten.

Premium-Paket im Detail

Ab 1.200 €

Business-Website

Bis zu fünf Inhaltsseiten mit eigener Gestaltung, CMS mit Blogfunktion und klaren Kontaktwegen auf jeder Seite.

Business-Paket im Detail

Aus der Region

Webdesign in Hagen

Wie MLvisuals kommt FastglobeIT aus Hagen. Lesen Sie, wie wir Websites für Unternehmen aus der Stadt planen.

Webdesign-Agentur in Hagen

Ihr Projekt

Sie möchten Ihre Arbeit ähnlich wirkungsvoll zeigen?

Erzählen Sie uns, was Sie anbieten und wen Sie erreichen möchten. In der kostenlosen Erstberatung klären wir Umfang, Aufbau und Kosten Ihrer Website.

Kostenlose Erstberatung anfragen Zur Projektübersicht