markemacht/_adametz.media/index.html
Kevin Adametz 9c6b7ed4f3
Some checks failed
linter / quality (push) Has been cancelled
tests / ci (8.3) (push) Has been cancelled
tests / ci (8.4) (push) Has been cancelled
tests / ci (8.5) (push) Has been cancelled
Optimierung markemacht.de und adametz.media für Live-Deploy.
Beide Sites mit lokalem Font-Hosting, WebP, Build-Pipeline, SEO-Basis,
HSTS, Performance-Tuning und aktualisierten Impressum/Datenschutz-Texten.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-09 09:55:25 +00:00

747 lines
25 KiB
HTML
Raw Permalink 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.0" />
<title>
Kevin Adametz – Ich entwickle Markensysteme, die funktionieren
</title>
<meta
name="description"
content="Ich entwickle Markensysteme für Unternehmen, die sich klar erklären wollen – von der Strategie bis zur Umsetzung."
/>
<meta name="author" content="Kevin Adametz" />
<meta name="robots" content="index, follow" />
<meta
property="og:title"
content="Kevin Adametz – Markensysteme, die funktionieren"
/>
<meta
property="og:description"
content="Ich entwickle Markensysteme für Unternehmen, die sich klar erklären wollen."
/>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://adametz.media/" />
<link rel="canonical" href="https://adametz.media/" />
<meta
name="twitter:title"
content="Kevin Adametz – Markensysteme, die funktionieren"
/>
<meta
name="twitter:description"
content="Ich entwickle Markensysteme für Unternehmen, die sich klar erklären wollen."
/>
<meta property="og:locale" content="de_DE" />
<meta property="og:site_name" content="ADAMETZ.MEDIA" />
<meta property="og:image" content="https://adametz.media/assets/img/og-share.webp" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Kevin Adametz — Markensysteme, die funktionieren" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://adametz.media/assets/img/og-share.webp" />
<meta name="theme-color" content="#0a0a0a" />
<link rel="preload" href="assets/fonts/outfit-regular.woff2" as="font" type="font/woff2" crossorigin />
<link rel="preload" href="assets/fonts/source-sans-3-regular.woff2" as="font" type="font/woff2" crossorigin />
<link rel="apple-touch-icon" sizes="180x180" href="assets/fav/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="32x32" href="assets/fav/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="assets/fav/favicon-16x16.png" />
<link rel="shortcut icon" href="assets/fav/favicon.ico" />
<link rel="manifest" href="manifest.json" />
<link rel="preload" as="image" href="assets/img/hero-bg2-960.webp" type="image/webp" fetchpriority="high" imagesrcset="assets/img/hero-bg2-640.webp 640w, assets/img/hero-bg2-960.webp 960w, assets/img/hero-bg2.webp 1920w" imagesizes="100vw" />
<link rel="stylesheet" href="assets/styles.css?v=20250610" />
<script src="assets/js/app.js?v=20250610" defer></script>
<script defer src="https://sys.adametz.media/config.js" data-website-id="69ec86fc-7f06-4cc5-9e2c-fd9daaae7faa"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "ADAMETZ.MEDIA",
"url": "https://adametz.media/",
"description": "Markensysteme für Unternehmen, die sich klar erklären wollen – von der Strategie bis zur Umsetzung.",
"inLanguage": "de-DE"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Kevin Adametz",
"jobTitle": "Markenarchitekt",
"url": "https://adametz.media/",
"email": "info@adametz.media",
"telephone": "+49-5206-7076721",
"address": {
"@type": "PostalAddress",
"streetAddress": "In der Lake 4",
"addressLocality": "Bielefeld",
"postalCode": "33739",
"addressCountry": "DE"
},
"worksFor": {
"@type": "Organization",
"name": "ADAMETZ.MEDIA"
}
}
</script>
</head>
<body>
<a class="skip-link" href="#start">Zum Inhalt springen</a>
<nav class="nav" id="nav" aria-label="Hauptnavigation">
<div class="container">
<div class="nav-inner">
<a href="#start" class="nav-logo">
<img
src="assets/img/logo.png"
alt="Adametz.Media Logo"
class="nav-logo-img"
width="252"
height="160"
decoding="async"
/>
Adametz.Media
</a>
<ul class="nav-links">
<li><a href="#start">Start</a></li>
<li><a href="#haltung">Haltung</a></li>
<li><a href="#umsetzung">Umsetzung</a></li>
<li><a href="#projekte">Evidenz</a></li>
<li><a href="#kontakt">Kontakt</a></li>
</ul>
<button
class="nav-toggle"
id="navToggle"
aria-label="Menü öffnen"
aria-controls="navMobile"
aria-expanded="false"
>
<span></span>
<span></span>
<span></span>
</button>
</div>
</div>
</nav>
<div class="nav-mobile" id="navMobile">
<a href="#start">Start</a>
<a href="#haltung">Haltung</a>
<a href="#umsetzung">Umsetzung</a>
<a href="#projekte">Evidenz</a>
<a href="#kontakt">Kontakt</a>
</div>
<section class="hero" id="start">
<div class="hero-background">
<img
src="assets/img/hero-bg2.webp"
srcset="assets/img/hero-bg2-640.webp 640w, assets/img/hero-bg2-960.webp 960w, assets/img/hero-bg2.webp 1920w"
sizes="100vw"
alt="Abstrakte architektonische Struktur"
width="1920"
height="1080"
loading="eager"
fetchpriority="high"
decoding="async"
/>
<div class="hero-shape hero-shape-1"></div>
<div class="hero-shape hero-shape-2"></div>
<div class="hero-shape hero-shape-3"></div>
</div>
<div class="container">
<div class="hero-content">
<h1>Ich entwickle Markensysteme, die funktionieren.</h1>
<div class="hero-text">
<p>
Seit über 20 Jahren arbeite ich mit Unternehmen an der Frage, wie
sie sich erklären – konsistent, strukturiert, unabhängig von
einzelnen Köpfen.
</p>
<p>
Das beginnt mit Klarheit. Und es endet mit Umsetzung: Websites,
Tools, Kommunikationsmittel, die das System im Alltag tragen.
</p>
<p>Die Methode dahinter heißt „MARKE MACHT"</p>
</div>
<div class="hero-cta">
<a href="#haltung" class="btn btn--next">
Haltung
<span class="btn-arrow-down" aria-hidden="true">↓</span>
</a>
<a
href="https://markemacht.de"
class="btn btn--mm"
target="_blank"
rel="noopener"
>
MARKE MACHT
<span class="btn-arrow" aria-hidden="true">→</span>
</a>
</div>
</div>
<div class="hero-meta">
<img
src="assets/img/am.webp"
alt="Kevin Adametz"
class="hero-portrait"
width="200"
height="200"
loading="lazy"
decoding="async"
/>
<div class="hero-meta-text">
<p><strong>Kevin Adametz</strong></p>
<p>Markenarchitekt · Gründer von „MARKE MACHT"</p>
<p>Bielefeld</p>
</div>
</div>
</div>
</section>
<section class="haltung" id="haltung">
<div class="container">
<div class="section-header reveal">
<p class="section-label">Haltung</p>
<h2>Wofür ich stehe.</h2>
</div>
<div class="haltung-grid">
<div class="haltung-item reveal">
<div class="haltung-image">
<img
src="assets/img/haltung-1.webp"
alt="Struktur"
loading="lazy"
width="320"
height="320"
decoding="async"
/>
</div>
<div class="haltung-content">
<h3>Struktur vor Kreativität.</h3>
<p>
Gute Markenarbeit beginnt mit Klarheit – über das, wofür ein
Unternehmen steht, wie es spricht und wo es Grenzen zieht. Erst
wenn diese Grundlage existiert, wird Gestaltung wirksam.
</p>
</div>
</div>
<div class="haltung-item reveal">
<div class="haltung-image">
<img
src="assets/img/haltung-2.webp"
alt="Systeme"
loading="lazy"
width="320"
height="320"
decoding="async"
/>
</div>
<div class="haltung-content">
<h3>Systeme statt Einzelmaßnahmen.</h3>
<p>
Ich entwickle Regelwerke, die über Jahre tragen – und mit dem
Unternehmen wachsen. Eine Marke, die nur in Kampagnen existiert,
bleibt fragil. Eine Marke, die in Struktur existiert, ist
führbar.
</p>
</div>
</div>
<div class="haltung-item reveal">
<div class="haltung-image">
<img
src="assets/img/haltung-3.webp"
alt="Strategie"
loading="lazy"
width="320"
height="320"
decoding="async"
/>
</div>
<div class="haltung-content">
<h3>Strategie und Umsetzung aus einer Hand.</h3>
<p>
Ich trenne Denken und Machen nicht. Wer Markensysteme baut, muss
sie auch in die Realität bringen – in Websites, Tools,
Interfaces und ja, auch in Print. Sonst bleibt Strategie Papier.
</p>
</div>
</div>
<div class="haltung-item reveal">
<div class="haltung-image">
<img
src="assets/img/haltung-4.webp"
alt="Partnerschaft"
loading="lazy"
width="320"
height="320"
decoding="async"
/>
</div>
<div class="haltung-content">
<h3>Partnerschaft auf Augenhöhe.</h3>
<p>
Viele meiner Kunden begleite ich seit über zehn Jahren.
Vertrauen entsteht durch Ergebnisse, durch Verlässlichkeit und
durch die Bereitschaft, gemeinsam klare Entscheidungen zu
treffen.
</p>
</div>
</div>
</div>
<div class="haltung-cta reveal">
<p>
Wenn Sie verstehen wollen, wie ich über Marke denke, finden Sie den
vollständigen Denkrahmen auf markemacht.de.
</p>
<div class="section-cta">
<a href="#umsetzung" class="btn btn--next">
Umsetzung
<span class="btn-arrow-down" aria-hidden="true">↓</span>
</a>
<a
href="https://markemacht.de"
class="btn btn--mm"
target="_blank"
rel="noopener"
>
MARKE MACHT
<span class="btn-arrow" aria-hidden="true">→</span>
</a>
</div>
</div>
</div>
</section>
<section class="umsetzung" id="umsetzung">
<div class="container">
<div class="section-header reveal">
<p class="section-label">Umsetzung</p>
<h2>Wie Klarheit Realität wird.</h2>
</div>
<div class="umsetzung-intro reveal">
<p>
Klarheit, die nur in Dokumenten existiert, verändert nichts. Deshalb
endet meine Arbeit nicht bei der Strategie – sondern dort, wo die
Marke sichtbar und nutzbar wird.
</p>
</div>
<div class="umsetzung-grid">
<div class="umsetzung-item reveal">
<div class="umsetzung-number">01</div>
<h3>Websites, Tools, Interfaces</h3>
<p>
Ich entwickle und programmiere Websites, Landingpages, interne
Tools und Web-Applikationen – immer auf Basis der Marken-DNA.
Technik folgt der Strategie, nicht umgekehrt.
</p>
<div class="umsetzung-image">
<img
src="assets/img/umsetzung-1.webp"
alt="Websites und Tools"
loading="lazy"
width="960"
height="540"
decoding="async"
/>
</div>
</div>
<div class="umsetzung-item reveal">
<div class="umsetzung-number">02</div>
<h3>Workflows, die Konsistenz sichern</h3>
<p>
KI nutze ich nicht für Spielereien, sondern für Marken-Governance:
Regeln, Checks und Prozesse, die dafür sorgen, dass die Marke in
Content und Kommunikation stabil bleibt.
</p>
<div class="umsetzung-image">
<img
src="assets/img/umsetzung-2.webp"
alt="KI Workflows"
loading="lazy"
width="960"
height="540"
decoding="async"
/>
</div>
</div>
<div class="umsetzung-item reveal">
<div class="umsetzung-number">03</div>
<h3>Print, Präsentationen, Messe</h3>
<p>
Wenn das System steht, entstehen auch analoge Anwendungen –
Geschäftsausstattung, Broschüren, Messestände. Sie sind Konsequenz
der Markenführung, nicht Ausgangspunkt.
</p>
<div class="umsetzung-image">
<img
src="assets/img/umsetzung-3.webp"
alt="Print und Messe"
loading="lazy"
width="960"
height="540"
decoding="async"
/>
</div>
</div>
</div>
<div class="umsetzung-note reveal">
<p>
Alle Umsetzungen folgen denselben Regeln: der Marken-DNA des
Unternehmens. Das ist der Unterschied zwischen Ausführung und
Systemarbeit.
</p>
</div>
<div class="umsetzung-cta reveal">
<div class="section-cta">
<a href="#projekte" class="btn btn--next">
Evidenz
<span class="btn-arrow-down" aria-hidden="true">↓</span>
</a>
<a
href="https://markemacht.de"
class="btn btn--mm"
target="_blank"
rel="noopener"
>
MARKE MACHT
<span class="btn-arrow" aria-hidden="true">→</span>
</a>
</div>
</div>
</div>
</section>
<section class="projekte" id="projekte">
<div class="container">
<div class="section-header reveal">
<p class="section-label">Evidenz</p>
<h2>Ausgewählte Erfolge.</h2>
<p>
Keine Logos, keine Bildergalerien. Nur das, was zählt: Ausgangslage,
Intervention, Ergebnis.
</p>
</div>
<div class="case-list">
<article class="case-item reveal">
<div class="case-image">
<img
src="assets/img/case-1.webp"
alt="Makro-Detailaufnahme"
loading="lazy"
width="800"
height="450"
decoding="async"
/>
</div>
<div class="case-header">
<h3>Maschinenbauer</h3>
<span>120 Mitarbeiter</span>
</div>
<div class="case-content">
<div class="case-block">
<h4>Ausgangslage</h4>
<p>
Technisch führend, aber sprachlich austauschbar. Vertrieb
argumentierte je nach Person unterschiedlich. Website und
Angebote erzählten verschiedene Geschichten.
</p>
</div>
<div class="case-block">
<h4>Intervention</h4>
<p>
Marken-DNA entwickelt: Identitätskern, Positionierung,
Sprachregeln. Website neu aufgebaut. Vertriebsunterlagen
vereinheitlicht.
</p>
</div>
<div class="case-block">
<h4>Ergebnis</h4>
<p>
Das Unternehmen erklärt sich heute in einem Satz – konsistent
über alle Kanäle. Abstimmungsschleifen im Marketing haben sich
halbiert.
</p>
</div>
</div>
</article>
<article class="case-item reveal">
<div class="case-image">
<img
src="assets/img/case-2.webp"
alt="Makro-Detailaufnahme"
loading="lazy"
width="800"
height="450"
decoding="async"
/>
</div>
<div class="case-header">
<h3>IT-Dienstleister</h3>
<span>40 Mitarbeiter</span>
</div>
<div class="case-content">
<div class="case-block">
<h4>Ausgangslage</h4>
<p>
Schnelles Wachstum, aber keine einheitliche Sprache. Website,
Sales-Pitches und LinkedIn widersprachen sich. Jeder
Mitarbeiter erklärte das Unternehmen anders.
</p>
</div>
<div class="case-block">
<h4>Intervention</h4>
<p>
Positionierung geschärft. Sprachregeln und Themenrahmen
definiert. Website und Pitch-Deck neu strukturiert. Interne
Guidelines erstellt.
</p>
</div>
<div class="case-block">
<h4>Ergebnis</h4>
<p>
Kommunikation ist reproduzierbar – unabhängig davon, wer sie
erstellt. Neue Mitarbeiter sind in Tagen statt Wochen
sprachfähig.
</p>
</div>
</div>
</article>
<article class="case-item reveal">
<div class="case-image">
<img
src="assets/img/case-3.webp"
alt="Makro-Detailaufnahme"
loading="lazy"
width="800"
height="450"
decoding="async"
/>
</div>
<div class="case-header">
<h3>Beratungsunternehmen</h3>
<span>8 Mitarbeiter</span>
</div>
<div class="case-content">
<div class="case-block">
<h4>Ausgangslage</h4>
<p>
Starke Gründerpersönlichkeit, aber Wissen war nicht
übertragbar. Inhalte und Akquise hingen am Inhaber. Skalierung
blockiert.
</p>
</div>
<div class="case-block">
<h4>Intervention</h4>
<p>
Haltung in Struktur übersetzt. Marken-DNA dokumentiert. Team
befähigt, eigenständig zu kommunizieren. Website als System
aufgebaut.
</p>
</div>
<div class="case-block">
<h4>Ergebnis</h4>
<p>
Die Marke funktioniert auch ohne den Gründer im Raum. Erstmals
können andere Berater unter derselben Positionierung
auftreten.
</p>
</div>
</div>
</article>
<article class="case-item reveal">
<div class="case-image">
<img
src="assets/img/case-4.webp"
alt="Makro-Detailaufnahme"
loading="lazy"
width="800"
height="450"
decoding="async"
/>
</div>
<div class="case-header">
<h3>Produzierendes Unternehmen</h3>
<span>200 Mitarbeiter</span>
</div>
<div class="case-content">
<div class="case-block">
<h4>Ausgangslage</h4>
<p>
Marke existierte nur als Logo und Farbwelt. Keine
dokumentierte Positionierung. Marketing produzierte viel, aber
ohne roten Faden.
</p>
</div>
<div class="case-block">
<h4>Intervention</h4>
<p>
Marken-DNA von Grund auf entwickelt. Interne Workshops zur
Verankerung. Website-Relaunch, Messeauftritt, Broschüren –
alles aus einem System.
</p>
</div>
<div class="case-block">
<h4>Ergebnis</h4>
<p>
Zum ersten Mal spricht das Unternehmen nach außen wie nach
innen. Der Messestand wurde zum konsistentesten Auftritt der
Firmengeschichte.
</p>
</div>
</div>
</article>
<article class="case-item reveal">
<div class="case-image">
<img
src="assets/img/case-5.webp"
alt="Makro-Detailaufnahme"
loading="lazy"
width="800"
height="450"
decoding="async"
/>
</div>
<div class="case-header">
<h3>Startup</h3>
<span>12 Mitarbeiter</span>
</div>
<div class="case-content">
<div class="case-block">
<h4>Ausgangslage</h4>
<p>
Produkt war da, aber die Erklärung fehlte. Pitch-Deck
überzeugte nicht. Website war technisch, nicht strategisch.
</p>
</div>
<div class="case-block">
<h4>Intervention</h4>
<p>
Positionierung erarbeitet. Messaging-System entwickelt.
Website und Pitch-Deck komplett neu gebaut. KI-gestützter
Content-Workflow eingerichtet.
</p>
</div>
<div class="case-block">
<h4>Ergebnis</h4>
<p>
Investorengespräche laufen fokussierter. Content entsteht
jetzt regelbasiert statt aus dem Bauch.
</p>
</div>
</div>
</article>
</div>
<div class="projekte-cta reveal">
<p>
Diese Projekte stehen für eine Arbeitsweise: Klarheit zuerst, dann
Umsetzung. Wenn Sie wissen wollen, ob das zu Ihrer Situation passt,
sprechen wir.
</p>
<div class="section-cta">
<a href="#kontakt" class="btn btn--next">
Kontakt
<span class="btn-arrow-down" aria-hidden="true">↓</span>
</a>
</div>
</div>
</div>
</section>
<section class="kontakt" id="kontakt">
<div class="container">
<div class="section-header reveal">
<p class="section-label">Kontakt</p>
<h2>Sprechen wir.</h2>
<p>
Wenn Sie über Markenklarheit sprechen wollen – oder ein konkretes
Umsetzungsprojekt haben – schreiben Sie mir.
</p>
</div>
<div class="kontakt-grid">
<div class="kontakt-text reveal">
<div class="kontakt-portrait">
<img
src="assets/img/back.webp"
alt="Kevin Adametz"
loading="lazy"
width="800"
height="533"
decoding="async"
/>
</div>
</div>
<div class="kontakt-info reveal">
<div class="kontakt-card">
<img
src="assets/img/logo.png"
alt="Adametz.Media Logo"
class="kontakt-logo"
width="252"
height="160"
decoding="async"
/>
<h3>Kevin Adametz</h3>
<div class="kontakt-details">
<p>ADAMETZ.MEDIA</p>
<p>In der Lake 4</p>
<p>33739 Bielefeld</p>
<p style="margin-top: 1rem">
<a href="mailto:info@adametz.media">info@adametz.media</a>
</p>
<p><a href="tel:+4952067076721">+49 5206 7076721</a></p>
</div>
<p class="kontakt-note">
Ich antworte in der Regel innerhalb von 48 Stunden.
</p>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="footer-inner">
<p class="footer-copy">© 2026 ADAMETZ.MEDIA – Kevin Adametz</p>
<div class="footer-links">
<a href="https://markemacht.de">MARKE MACHT</a>
<a href="impressum.html">Impressum</a>
<a href="datenschutz.html">Datenschutz</a>
</div>
</div>
</div>
</footer>
</body>
</html>