Files
desfoto/site/projekte/index.html

144 lines
16 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Projekte · desfoto</title>
<meta name="description" content="Eigene Projekte und pro-bono-Arbeiten von desfoto: Reisefotografie, Lichtmalerei, Musikvideo und Unterstützung für Initiativen ohne Budget.">
<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/projekte/">
<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="Projekte · desfoto">
<meta property="og:description" content="Eigene Projekte und pro-bono-Arbeiten von desfoto: Reisefotografie, Lichtmalerei, Musikvideo und Unterstützung für Initiativen ohne Budget.">
<meta property="og:url" content="https://desfoto.de/projekte/">
<meta property="og:image" content="https://desfoto.de/assets/img/og-projekte.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="Projekte · desfoto">
<meta name="twitter:description" content="Eigene Projekte und pro-bono-Arbeiten von desfoto: Reisefotografie, Lichtmalerei, Musikvideo und Unterstützung für Initiativen ohne Budget.">
<meta name="twitter:image" content="https://desfoto.de/assets/img/og-projekte.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":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https://desfoto.de/"},{"@type":"ListItem","position":2,"name":"Projekte","item":"https://desfoto.de/projekte/"}]}</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/">Video</a><a class="nav__link" href="/social-media/">Social Media</a><a class="nav__link" href="/projekte/" aria-current="page">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/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="100vw" width="1600" height="2398" decoding="async" loading="eager" alt="Lichtspur aus einer langen Belichtung" style="object-position:50% 50%" fetchpriority="high">
</div>
<div class="shell page-head__inner">
<div class="breadcrumb"><a href="/">Start</a><span>/</span><span>Projekte</span></div>
<span class="kicker">Projekte</span>
<h1 class="balance">Eigene Arbeiten und pro bono</h1>
<p class="page-head__lead">Neben Auftragsarbeiten entstehen eigene Projekte. Manches davon startet als Idee im Kopf, manches als Anfrage von Menschen, die etwas Unterstützung brauchen.</p>
</div>
</section><section class="section"><div class="shell"><div class="section-head"><div class="section-head__text stack"><span class="kicker">Eigene Projekte</span><h2 class="balance">Arbeiten, die ich selbst angestoßen habe</h2><p class="lead measure">Reisefotografie, Lichtmalerei und Musikvideo. Diese Projekte entstehen ohne Auftraggeber und zeigen, wie ich mir Bilder vorstelle.</p></div></div><div class="grid grid--2"><article class="card reveal"><h3>Skogamor — Musikvideo</h3><p class="card__text">Eigenes Musikvideo für Thjódrörir mit Konzept, Dreh, Schnitt und Farbkorrektur. Zu sehen auf der Videoseite.</p></article><article class="card reveal"><h3>Norwegen</h3><p class="card__text">Reihe über Küsten, Seen und Berglandschaften. Landschaft als Gegenpol zur Portrait- und Auftragsarbeit.</p></article><article class="card reveal"><h3>Japan</h3><p class="card__text">Ruhige Bilder von Parks, Gärten und Architektur, entstanden auf Reisen statt auf Termin.</p></article><article class="card reveal"><h3>Lichtmalerei</h3><p class="card__text">Experimente mit langer Belichtung und bewegtem Licht — technische Spielwiese mit Ausstellungsqualität.</p></article></div><div style="margin-top:2rem"><a class="link-arrow" href="/video/">Das Musikvideo ansehen <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h13M13 6l6 6-6 6"/></svg></a></div></div></section><section class="section section--paper2"><div class="shell"><div class="section-head"><div class="section-head__text stack"><span class="kicker">Bildstrecke</span><h2 class="balance">Aus eigenen Serien und Aufträgen</h2></div></div><div class="gallery"><figure class="g-w3"><img class="frame frame--4x5 frame--hover" src="/assets/img/travel-japan-1200.webp" srcset="/assets/img/travel-japan-480.webp 480w, /assets/img/travel-japan-768.webp 768w, /assets/img/travel-japan-1200.webp 1200w, /assets/img/travel-japan-1600.webp 1600w, /assets/img/travel-japan-2000.webp 2000w" sizes="(min-width: 62rem) 45vw, 92vw" width="2000" height="1334" decoding="async" loading="lazy" alt="Torii-Tor in einem moosgrünen Garten in Japan" style="object-position:45% 42%"><figcaption>Japan — eigene Reiseserie</figcaption></figure><figure class="g-w3"><img class="frame frame--4x5 frame--hover" src="/assets/img/travel-norway-lake-1200.webp" srcset="/assets/img/travel-norway-lake-480.webp 480w, /assets/img/travel-norway-lake-768.webp 768w, /assets/img/travel-norway-lake-1200.webp 1200w, /assets/img/travel-norway-lake-1600.webp 1600w, /assets/img/travel-norway-lake-2000.webp 2000w" sizes="(min-width: 62rem) 45vw, 92vw" width="2000" height="1334" decoding="async" loading="lazy" alt="Spiegelung einer Hütte auf einem See in Norwegen" style="object-position:50% 48%"><figcaption>Norwegen — Seen</figcaption></figure><figure class="g-w2"><img class="frame frame--1x1 frame--hover" src="/assets/img/travel-norway-coast-1200.webp" srcset="/assets/img/travel-norway-coast-480.webp 480w, /assets/img/travel-norway-coast-768.webp 768w, /assets/img/travel-norway-coast-1200.webp 1200w, /assets/img/travel-norway-coast-1600.webp 1600w, /assets/img/travel-norway-coast-2000.webp 2000w" sizes="(min-width: 62rem) 45vw, 92vw" width="2000" height="857" decoding="async" loading="lazy" alt="Felsküste an einem Fjord in Norwegen" style="object-position:50% 48%"><figcaption>Norwegen — Küste</figcaption></figure><figure class="g-w2"><img class="frame frame--1x1 frame--hover" src="/assets/img/travel-norway-valley-1200.webp" srcset="/assets/img/travel-norway-valley-480.webp 480w, /assets/img/travel-norway-valley-768.webp 768w, /assets/img/travel-norway-valley-1200.webp 1200w, /assets/img/travel-norway-valley-1600.webp 1600w, /assets/img/travel-norway-valley-2000.webp 2000w" sizes="(min-width: 62rem) 45vw, 92vw" width="2000" height="679" decoding="async" loading="lazy" alt="Flusstal zwischen Bergen im Morgennebel" style="object-position:50% 50%"><figcaption>Morgennebel im Tal</figcaption></figure><figure class="g-w2"><img class="frame frame--1x1 frame--hover" src="/assets/img/travel-norway-pano-1200.webp" srcset="/assets/img/travel-norway-pano-480.webp 480w, /assets/img/travel-norway-pano-768.webp 768w, /assets/img/travel-norway-pano-1200.webp 1200w, /assets/img/travel-norway-pano-1600.webp 1600w, /assets/img/travel-norway-pano-2000.webp 2000w" sizes="(min-width: 62rem) 45vw, 92vw" width="2000" height="461" decoding="async" loading="lazy" alt="Panorama einer Berglandschaft in Norwegen" style="object-position:50% 50%"><figcaption>Panorama</figcaption></figure><figure class="g-w3"><img class="frame frame--3x2 frame--hover" src="/assets/img/travel-blossom-1200.webp" srcset="/assets/img/travel-blossom-480.webp 480w, /assets/img/travel-blossom-768.webp 768w, /assets/img/travel-blossom-1200.webp 1200w, /assets/img/travel-blossom-1600.webp 1600w, /assets/img/travel-blossom-2000.webp 2000w" sizes="(min-width: 62rem) 45vw, 92vw" width="2000" height="1334" decoding="async" loading="lazy" alt="Kirschblüte mit einem Eichhörnchen" style="object-position:50% 38%"><figcaption>Kirschblüte</figcaption></figure><figure class="g-w3"><img class="frame frame--3x2 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>Lichtmalerei</figcaption></figure></div></div></section><section class="section"><div class="shell"><div class="section-head"><div class="section-head__text stack"><span class="kicker">Pro bono</span><h2 class="balance">Arbeiten, die ich unterstütze</h2><p class="lead measure">Manche Projekte sind wichtig, haben aber kein Budget. Wenn es passt, mache ich sie trotzdem.</p></div></div><div class="grid" style="grid-template-columns:minmax(0,1fr) minmax(0,1fr)"><div class="stack">
<p class="lead">Ich fotografiere und filme gelegentlich kostenlos für Initiativen, Vereine,
gemeinnützige Projekte und Menschen, die dabei Unterstützung brauchen — als Beitrag zu dem
Umfeld, in dem ich lebe.</p>
<p class="card__text">Schreib mir ruhig, wenn du so ein Projekt hast. Erzähl kurz, worum es geht,
wann es stattfindet und was du dir an Bildern oder Video wünschst. Ich schaue, ob es zeitlich
und inhaltlich passt.</p>
</div><div class="note">Einen Anspruch auf eine kostenlose Umsetzung gibt es nicht. Ich sage ehrlich zu, wenn ich es schaffe &mdash; oder ab, wenn nicht.</div><p style="margin-top:1.2rem"><a class="btn btn--ink" href="/kontakt/">Pro-bono-Anfrage senden</a></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">Auftragsarbeiten</span><h2 class="balance">Und sonst?</h2><p class="lead measure">Business, Portrait, Familie, Events und Video — alles, was in den Leistungen steht. Der beste Weg ist ein kurzer Blick in die Bereiche.</p></div></div><div class="grid grid--3"><article class="card reveal"><h3>Businessfotografie</h3><p class="card__text">Portraits, Teams und Produkte für Unternehmen.</p><div class="card__foot"><a class="link-arrow" href="/businessfotografie/">Ansehen <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h13M13 6l6 6-6 6"/></svg></a></div></article><article class="card reveal"><h3>Portrait &amp; Model</h3><p class="card__text">Portraits, Sedcards und Editorial.</p><div class="card__foot"><a class="link-arrow" href="/portrait-und-model/">Ansehen <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h13M13 6l6 6-6 6"/></svg></a></div></article><article class="card reveal"><h3>Video</h3><p class="card__text">Musikvideo, Imagefilm und Eventnachbericht.</p><div class="card__foot"><a class="link-arrow" href="/video/">Ansehen <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h13M13 6l6 6-6 6"/></svg></a></div></article></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">Lass uns dein Projekt besprechen.</h2>
<p class="lead measure" style="color:rgba(246,242,234,.82)">Schreib kurz, worum es geht, wann es stattfinden soll und was du mit den Bildern vorhast. Du bekommst eine ehrliche Einschätzung und einen Preis.</p>
</div>
<div class="btn-row">
<a class="btn btn--light" href="/kontakt/">Projekt anfragen</a>
<a class="btn btn--outline-light" href="/projekte/">Arbeiten ansehen</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>