Files
desfoto/site/video/index.html

160 lines
16 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Videoproduktion in Neumünster · desfoto</title>
<meta name="description" content="Videoproduktion aus Neumünster: Musikvideo, Imagefilm, Recruiting, Eventnachbericht und Social-Media-Clips — von Konzept bis Schnitt.">
<meta name="author" content="Denny Schulz">
<meta name="robots" content="index,follow,max-image-preview:large">
<meta name="theme-color" content="#17140F">
<link rel="canonical" href="https://desfoto.de/video/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="desfoto">
<meta property="og:locale" content="de_DE">
<meta property="og:title" content="Videoproduktion in Neumünster · desfoto">
<meta property="og:description" content="Videoproduktion aus Neumünster: Musikvideo, Imagefilm, Recruiting, Eventnachbericht und Social-Media-Clips — von Konzept bis Schnitt.">
<meta property="og:url" content="https://desfoto.de/video/">
<meta property="og:image" content="https://desfoto.de/assets/img/og-video.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Videoproduktion in Neumünster · desfoto">
<meta name="twitter:description" content="Videoproduktion aus Neumünster: Musikvideo, Imagefilm, Recruiting, Eventnachbericht und Social-Media-Clips — von Konzept bis Schnitt.">
<meta name="twitter:image" content="https://desfoto.de/assets/img/og-video.jpg">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/assets/img/favicon-32.png" sizes="32x32" type="image/png">
<link rel="apple-touch-icon" href="/assets/img/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="stylesheet" href="/assets/fonts.css">
<link rel="stylesheet" href="/assets/site.css">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Service","name":"Videoproduktion","serviceType":"Videoproduktion","description":"Musikvideo, Imagefilm, Recruiting-Video, Eventnachbericht und Social-Media-Clips.","url":"https://desfoto.de/video/","provider":{"@type":"ProfessionalService","name":"desfoto","legalName":"Denny Schulz Fotografie","url":"https://desfoto.de","email":"info@dennyschulz.de","telephone":"+49 175 4083133","address":{"@type":"PostalAddress","streetAddress":"Flensburger Str. 16","postalCode":"24537","addressLocality":"Neumünster","addressCountry":"DE"}},"areaServed":["Neumünster","Schleswig-Holstein","Hamburg","Kiel"]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https://desfoto.de/"},{"@type":"ListItem","position":2,"name":"Video","item":"https://desfoto.de/video/"}]}</script>
</head>
<body>
<a class="skip" href="#main">Zum Inhalt springen</a>
<header class="masthead">
<div class="shell masthead__inner">
<a class="brand" href="/" aria-label="desfoto Startseite">
<svg class="brand__mark" viewBox="0 0 40 40" role="img" aria-label="desfoto Bildmarke">
<circle class="ring" cx="20" cy="20" r="13"/>
<circle class="ring" cx="20" cy="20" r="5.2" stroke-width="2"/>
<path class="blade" d="M20 7 20 1.6"/>
<path class="blade" d="M31.3 26.5 36 29.2"/>
<path class="blade" d="M8.7 26.5 4 29.2"/>
</svg>
<span class="brand__text"><span>desfoto</span><small>Fotografie &amp; Video</small></span>
</a>
<button class="nav__toggle" type="button" aria-expanded="false" aria-controls="site-nav" data-nav-toggle>
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg> Menü
</button>
<nav class="nav" id="site-nav" aria-label="Hauptnavigation"><div class="nav__item"><a class="nav__link" href="/fotografie/">Fotografie<svg class="nav__caret" viewBox="0 0 16 16" aria-hidden="true"><path d="M3 6l5 5 5-5"/></svg></a><div class="nav__sub"><a href="/businessfotografie/">Businessfotografie</a><a href="/portrait-und-model/">Portrait &amp; Model</a><a href="/familien-und-paare/">Familien &amp; Paare</a><a href="/minishootings/">Minishootings</a></div></div><a class="nav__link" href="/video/" aria-current="page">Video</a><a class="nav__link" href="/social-media/">Social Media</a><a class="nav__link" href="/projekte/">Projekte</a><a class="nav__link" href="/ueber/">Über</a><a class="btn btn--solid" href="/kontakt/">Projekt anfragen</a></nav>
</div>
</header>
<main id="main"><section class="page-head">
<div class="page-head__bg">
<img class="" src="/assets/img/studio-lens-1200.webp" srcset="/assets/img/studio-lens-480.webp 480w, /assets/img/studio-lens-768.webp 768w, /assets/img/studio-lens-1200.webp 1200w, /assets/img/studio-lens-1600.webp 1600w" sizes="100vw" width="1600" height="2398" decoding="async" loading="eager" alt="Kameraobjektiv im Studiolicht" style="object-position:50% 45%" fetchpriority="high">
</div>
<div class="shell page-head__inner">
<div class="breadcrumb"><a href="/">Start</a><span>/</span><span>Video</span></div>
<span class="kicker">Videoprojekte</span>
<h1 class="balance">Vom Treatment bis zur finalen Datei</h1>
<p class="page-head__lead">Musikvideo, Imagefilm, Recruiting oder Eventnachbericht — ich übernehme Konzept, Dreh, Schnitt, Ton und Ausgabe in den Formaten, die dein Kanal braucht.</p>
<div class="page-head__actions"><a class="btn btn--solid" href="/kontakt/">Videoprojekt anfragen</a></div>
</div>
</section><section class="section section--ink">
<div class="shell">
<div class="section-head">
<div class="section-head__text stack">
<span class="kicker">Referenz</span>
<h2 class="balance">Thjódrörir – Skogamor (Official Video)</h2>
<p class="lead measure" style="color:rgba(246,242,234,.82)">Eigenes Musikvideo für Thjódrörir: Konzept, Dreh, Schnitt und Farbkorrektur aus einer Hand.</p>
</div>
</div>
<div style="margin-top:clamp(1.6rem,3vw,2.6rem)"><div class="video-shell">
<button class="video-facade" type="button" data-video-id="NWWFTf7l8g0"
aria-label="Video starten: Thjódrörir – Skogamor (Official Video) (lädt YouTube nach Klick)">
<img class="frame--hover" src="/assets/img/video-skogamor-poster-1200.webp" srcset="/assets/img/video-skogamor-poster-480.webp 480w, /assets/img/video-skogamor-poster-768.webp 768w, /assets/img/video-skogamor-poster-1200.webp 1200w" sizes="92vw" width="1200" height="675" decoding="async" loading="lazy" alt="Vorschaubild zum Musikvideo Thjódrörir – Skogamor (Official Video)" style="object-position:50% 50%">
<span class="video-facade__play">
<span class="video-facade__btn" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M8 5.5v13l11-6.5z"/></svg></span>
<span class="video-facade__label">Video starten</span>
</span>
</button>
<div class="video-shell__meta"><strong>Thjódrörir – Skogamor (Official Video)</strong> · Musikvideo für Thjódrörir</div>
</div>
<p class="form__hint" style="margin-top:.8rem">Das Video wird erst nach deinem Klick von YouTube geladen (youtube-nocookie.com). Mehr dazu in der <a href="/datenschutz/">Datenschutzerklärung</a>.</p></div>
</div>
</section><section class="section"><div class="shell"><div class="section-head"><div class="section-head__text stack"><span class="kicker">Formate</span><h2 class="balance">Welche Videos ich produziere</h2></div></div><div class="grid grid--3"><article class="card reveal"><h3>Musikvideo</h3><p class="card__text">Bildsprache zur Musik: Konzept, Locations, Licht und Schnittrhythmus auf den Track abgestimmt.</p></article><article class="card reveal"><h3>Imagefilm</h3><p class="card__text">Wer ihr seid, was ihr macht, warum es sich lohnt. Mit O-Tönen, B-Roll und klarer Dramaturgie.</p></article><article class="card reveal"><h3>Recruiting-Video</h3><p class="card__text">Jobs und Team echt zeigen, statt mit Text zu beschreiben. Auch als kurze Stellen-Clips.</p></article><article class="card reveal"><h3>Eventnachbericht</h3><p class="card__text">Tagung, Vereinsjubiläum, Konzert oder Firmenfeier — als Zusammenschnitt für danach.</p></article><article class="card reveal"><h3>Interviews &amp; Statements</h3><p class="card__text">Sauber ausgeleuchtet und vertont, als Ergänzung zu Fotoaufträgen oder Pressematerial.</p></article><article class="card reveal"><h3>Social-Media-Clips</h3><p class="card__text">Hochkant oder quadratisch zugeschnitten, mit Untertiteln und den richtigen Längen für die Feeds.</p></article></div></div></section><section class="section section--paper2"><div class="shell"><div class="section-head"><div class="section-head__text stack"><span class="kicker">Produktionsweg</span><h2 class="balance">So entsteht ein Video</h2></div></div><div class="steps"><div class="step reveal"><h3>Idee &amp; Treatment</h3><p>Ziel, Zielgruppe, Tonalität und Referenzen — kurz schriftlich festgehalten.</p></div><div class="step reveal"><h3>Drehplanung</h3><p>Locations, Ablauf, Licht, benötigte Personen und Tageszeiten.</p></div><div class="step reveal"><h3>Dreh</h3><p>Kamera-, Licht- und Tontechnik bringe ich mit. Du kümmerst dich um Abläufe und Menschen.</p></div><div class="step reveal"><h3>Schnitt &amp; Ausgabe</h3><p>Schnitt, Farbkorrektur, Ton, Untertitel und Export in den gewünschten Formaten.</p></div></div></div></section><section class="section"><div class="shell"><div class="section-head"><div class="section-head__text stack"><span class="kicker">Zusammenarbeit</span><h2 class="balance">Was ich von dir brauche</h2></div></div><div class="grid" style="grid-template-columns:minmax(0,1fr) minmax(0,1fr)"><ul class="ticks"><li>Was das Video erreichen soll</li><li>Wo es laufen wird (Website, YouTube, Instagram, Messe, Recruiting)</li><li>Gewünschte Länge und Format</li><li>Wer mitwirkt und welche Orte zur Verfügung stehen</li></ul><div class="note">Musik sollte entweder von dir stammen oder entsprechend lizenziert sein. Bei der Musikauswahl und bei Fragen zu Rechten unterstütze ich dich.</div><p class="lead" style="margin-top:1.2rem">Kleinere Projekte sind oft in wenigen Tagen umsetzbar. Bei größeren Produktionen planen wir Vorlauf ein — vor allem, wenn Location oder Menschen gebucht werden müssen.</p></div></div></section><section class="section section--paper2"><div class="shell"><div class="section-head"><div class="section-head__text stack"><span class="kicker">Einblicke</span><h2 class="balance">Hinter der Kamera</h2></div></div><div class="gallery"><figure class="g-w3"><img class="frame frame--3x2 frame--hover" src="/assets/img/studio-lens-1200.webp" srcset="/assets/img/studio-lens-480.webp 480w, /assets/img/studio-lens-768.webp 768w, /assets/img/studio-lens-1200.webp 1200w, /assets/img/studio-lens-1600.webp 1600w" sizes="(min-width: 62rem) 45vw, 92vw" width="1600" height="2398" decoding="async" loading="lazy" alt="Kameraobjektiv im Studiolicht" style="object-position:50% 50%"><figcaption>Brennweite und Licht im Studio</figcaption></figure><figure class="g-w3"><img class="frame frame--3x2 frame--hover" src="/assets/img/event-motion-1200.webp" srcset="/assets/img/event-motion-480.webp 480w, /assets/img/event-motion-768.webp 768w, /assets/img/event-motion-1200.webp 1200w, /assets/img/event-motion-1600.webp 1600w, /assets/img/event-motion-2000.webp 2000w" sizes="(min-width: 62rem) 45vw, 92vw" width="2000" height="1334" decoding="async" loading="lazy" alt="Menschen in Bewegung, bewusst unscharf aufgenommen" style="object-position:50% 45%"><figcaption>Bewegung im Bild</figcaption></figure><figure class="g-w2"><img class="frame frame--1x1 frame--hover" src="/assets/img/movement-light-1200.webp" srcset="/assets/img/movement-light-480.webp 480w, /assets/img/movement-light-768.webp 768w, /assets/img/movement-light-1200.webp 1200w, /assets/img/movement-light-1600.webp 1600w" sizes="(min-width: 62rem) 45vw, 92vw" width="1600" height="2398" decoding="async" loading="lazy" alt="Lichtspur aus einer langen Belichtung" style="object-position:50% 50%"><figcaption>Lange Belichtung</figcaption></figure><figure class="g-w2"><img class="frame frame--1x1 frame--hover" src="/assets/img/event-speaker-1200.webp" srcset="/assets/img/event-speaker-480.webp 480w, /assets/img/event-speaker-768.webp 768w, /assets/img/event-speaker-1200.webp 1200w, /assets/img/event-speaker-1600.webp 1600w, /assets/img/event-speaker-2000.webp 2000w" sizes="(min-width: 62rem) 45vw, 92vw" width="2000" height="1334" decoding="async" loading="lazy" alt="Frau spricht mit Mikrofon bei einer Veranstaltung" style="object-position:50% 30%"><figcaption>Statement vor der Kamera</figcaption></figure><figure class="g-w2"><img class="frame frame--1x1 frame--hover" src="/assets/img/event-venue-1200.webp" srcset="/assets/img/event-venue-480.webp 480w, /assets/img/event-venue-768.webp 768w, /assets/img/event-venue-1200.webp 1200w, /assets/img/event-venue-1600.webp 1600w, /assets/img/event-venue-2000.webp 2000w" sizes="(min-width: 62rem) 45vw, 92vw" width="2000" height="1334" decoding="async" loading="lazy" alt="Stuhlreihen in einem festlich vorbereiteten Raum" style="object-position:50% 45%"><figcaption>Location vor dem Dreh</figcaption></figure></div></div></section><section class="section section--ink">
<div class="shell">
<div class="section-head">
<div class="section-head__text stack">
<span class="kicker">Kontakt</span>
<h2 class="balance">Videoidee im Kopf?</h2>
<p class="lead measure" style="color:rgba(246,242,234,.82)">Erzähl mir kurz, was das Video zeigen soll und wo es läuft. Du bekommst eine Einschätzung zu Aufwand und Ablauf.</p>
</div>
<div class="btn-row">
<a class="btn btn--light" href="/kontakt/">Projekt anfragen</a>
<a class="btn btn--outline-light" href="/social-media/">Social-Media-Inhalte</a>
</div>
</div>
</div>
</section></main>
<footer class="footer">
<div class="shell">
<div class="footer__grid">
<div class="footer__brand">
<span class="brand">
<svg class="brand__mark" viewBox="0 0 40 40" role="img" aria-label="desfoto Bildmarke">
<circle class="ring" cx="20" cy="20" r="13"/>
<circle class="ring" cx="20" cy="20" r="5.2" stroke-width="2"/>
<path class="blade" d="M20 7 20 1.6"/>
<path class="blade" d="M31.3 26.5 36 29.2"/>
<path class="blade" d="M8.7 26.5 4 29.2"/>
</svg>
<span class="brand__text"><span>desfoto</span><small>Fotografie &amp; Video</small></span>
</span>
<p class="footer__claim">Fotografie und Video aus Neumünster. Ein Angebot von Denny Schulz Fotografie.</p>
</div>
<div>
<h2>Fotografie</h2>
<div class="footer__links">
<a href="/businessfotografie/">Businessfotografie</a>
<a href="/portrait-und-model/">Portrait &amp; Model</a>
<a href="/familien-und-paare/">Familien &amp; Paare</a>
<a href="/minishootings/">Minishootings</a>
</div>
</div>
<div>
<h2>Weitere Leistungen</h2>
<div class="footer__links">
<a href="/video/">Videoprojekte</a>
<a href="/social-media/">Social Media</a>
<a href="/projekte/">Projekte</a>
<a href="/ueber/">Über desfoto</a>
</div>
</div>
<div>
<h2>Kontakt</h2>
<div class="footer__links">
<a href="mailto:info@dennyschulz.de">info@dennyschulz.de</a>
<a href="tel:+491754083133">+49 175 4083133</a>
<a href="/kontakt/">Anfrage stellen</a>
<span class="muted">Neumünster · Schleswig-Holstein</span>
</div>
</div>
</div>
<div class="footer__bottom">
<nav aria-label="Rechtliches">
<a href="/impressum/">Impressum</a>
<a href="/datenschutz/">Datenschutz</a>
<a href="/kontakt/">Kontakt</a>
</nav>
<span>© Denny Schulz · Denny Schulz Fotografie · Alle Rechte an den gezeigten Bildern und Filmen vorbehalten.</span>
</div>
</div>
</footer>
<script src="/assets/site.js" defer></script>
</body>
</html>